/*
 * A labelled band of cards. site/'s .tag treatment on a hairline: mono,
 * small, widely tracked. Shared by /settings and /settings/license so the
 * two read as one section of the app rather than two pages that happen to
 * be adjacent in the sidebar.
 */
export function Group({ label, children }: { label: string; children: React.ReactNode }) {
    return (
        <section className="space-y-6">
            <h2 className="border-b border-border-soft pb-2 font-mono text-[0.68rem] uppercase tracking-[0.15em] text-text-secondary">{label}</h2>
            {children}
        </section>
    );
}
