import { Label } from '@/components/ui/label';
import { MultiSelectCombobox, MultiSelectOption } from '@/components/ui/multi-select-combobox';

interface FilterMultiSelectComboboxProps {
  label: string;
  options: MultiSelectOption[];
  value: string[];
  onChange: (value: string[]) => void;
  placeholder?: string;
  emptyText?: string;
  maxDisplay?: number;
}

export function FilterMultiSelectCombobox({
  label,
  options,
  value,
  onChange,
  placeholder = 'Select...',
  emptyText = 'No options found',
  maxDisplay = 2
}: FilterMultiSelectComboboxProps) {
  return (
    <div className="space-y-2">
      <Label>{label}</Label>
      <MultiSelectCombobox
        options={options}
        value={value}
        onValueChange={onChange}
        placeholder={placeholder}
        emptyText={emptyText}
        maxDisplay={maxDisplay}
      />
    </div>
  );
}
