import type { FilterOption } from "./types";
export interface FilterProps {
    /** Label for the filter */
    label: string;
    /** Available filter options */
    options: FilterOption[];
    /** Currently selected values */
    value: string[];
    /** Callback fired when selection changes */
    onChange: (value: string[]) => void;
    /** Whether multiple selections are allowed (default: true) */
    multiple?: boolean;
    /** Display variant for vertical mode: checkbox (default), toggle, or pills */
    displayVariant?: "checkbox" | "toggle" | "pills";
    /** Maximum number of options to show initially (vertical variant only) */
    maxVisibleOptions?: number;
    /** Whether the filter section starts expanded (vertical variant only, default: true) */
    defaultOpen?: boolean;
}
/**
 * Filter - An individual filter component with responsive behavior.
 *
 * On mobile (horizontal variant), renders as part of the filters popover.
 * On desktop (horizontal variant), renders as a button with a dropdown popover.
 * On compact variant, renders as part of the filters popover (all screen sizes).
 * On vertical variant, renders as collapsible section with various display options.
 *
 * @example Desktop horizontal variant
 * ```tsx
 * <FilterToolbar>
 *   <FilterGroup>
 *     <Filter
 *       label="Category"
 *       options={categoryOptions}
 *       value={categoryFilter}
 *       onChange={setCategoryFilter}
 *     />
 *   </FilterGroup>
 * </FilterToolbar>
 * ```
 *
 * @example Vertical sidebar variant
 * ```tsx
 * <FilterToolbar variant="vertical">
 *   <Filter
 *     label="Status"
 *     options={statusOptions}
 *     value={statusFilter}
 *     onChange={setStatusFilter}
 *     displayVariant="toggle"
 *     multiple={false}
 *   />
 * </FilterToolbar>
 * ```
 */
export declare const Filter: import("react").ForwardRefExoticComponent<FilterProps & import("react").RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=filter.d.ts.map