// @design-system: domain/facets/FacetSection
'use client';

import type { ReactNode } from 'react';

export interface FacetSectionProps {
  label: string;
  children: ReactNode;
}

export function FacetSection({ label, children }: FacetSectionProps) {
  return (
    <div className="flex flex-col gap-2">
      <span className="text-text-secondary text-xs font-semibold tracking-wide uppercase">
        {label}
      </span>
      {children}
    </div>
  );
}