import type { FilterOption } from "./types";
interface FilterOptionsProps {
    options: FilterOption[];
    value: string[];
    onSelect: (optionValue: string) => void;
    displayVariant?: "checkbox" | "toggle" | "pills";
    label: string;
    multiple?: boolean;
}
/**
 * Renders filter options in different display variants
 */
export declare function FilterCheckboxOptions({ options, value, onSelect, label, }: FilterOptionsProps): import("react/jsx-runtime").JSX.Element;
/**
 * Toggle variant - renders options as a grid of toggle buttons
 * Note: We use custom buttons instead of ButtonGroup because these require
 * selection state management with visual feedback. ButtonGroup is designed
 * for action buttons (onClick handlers), not selection states.
 */
export declare function FilterToggleOptions({ options, value, onSelect, label, multiple, }: FilterOptionsProps): import("react/jsx-runtime").JSX.Element;
/**
 * Pills variant - renders options as pill-shaped buttons
 * Note: We use custom buttons instead of ButtonGroup because these require
 * selection state management with visual feedback. ButtonGroup is designed
 * for action buttons (onClick handlers), not selection states.
 */
export declare function FilterPillsOptions({ options, value, onSelect, label, multiple, }: FilterOptionsProps): import("react/jsx-runtime").JSX.Element;
/**
 * Desktop dropdown content - simplified checkbox list for popover
 */
export declare function FilterDropdownOptions({ options, value, onSelect, label, multiple, }: FilterOptionsProps): import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=filter-options.d.ts.map