import { ReactNode } from 'react';
import { Separator } from '@/components/ui/separator';

interface FilterSectionProps {
  title?: string;
  children: ReactNode;
  showSeparator?: boolean;
}

export function FilterSection({ title, children, showSeparator = false }: FilterSectionProps) {
  return (
    <div className="space-y-4">
      {title && <h4 className="text-sm font-semibold text-muted-foreground">{title}</h4>}
      {children}
      {showSeparator && <Separator className="my-6" />}
    </div>
  );
}
