import { FiltersPanelProps } from './FiltersPanel.types';
/**
 * FiltersPanel component for displaying filter controls in a slide-down panel
 *
 * Features:
 * - Slide-down animation when opening/closing
 * - Row of Multiselect components for each filter
 * - Clear All button to reset all filters
 * - Close button to collapse the panel
 * - Responsive grid layout for filter dropdowns
 * - Count/badge showing number of active filters
 *
 * @example
 * ```tsx
 * const filters = [
 *   {
 *     key: 'type',
 *     label: 'Type',
 *     options: [
 *       { value: 'image', label: 'Image' },
 *       { value: 'video', label: 'Video' },
 *     ],
 *   },
 *   {
 *     key: 'size',
 *     label: 'Size',
 *     options: [
 *       { value: 'small', label: 'Small' },
 *       { value: 'large', label: 'Large' },
 *     ],
 *   },
 * ];
 *
 * const [filterValues, setFilterValues] = useState<Record<string, string[]>>({});
 *
 * <FiltersPanel
 *   isOpen={showFilters}
 *   onClose={() => setShowFilters(false)}
 *   filters={filters}
 *   values={filterValues}
 *   onChange={(key, values) => setFilterValues(prev => ({ ...prev, [key]: values }))}
 *   onClearAll={() => setFilterValues({})}
 * />
 * ```
 */
export declare const FiltersPanel: import('react').ForwardRefExoticComponent<FiltersPanelProps & import('react').RefAttributes<HTMLDivElement>>;
export default FiltersPanel;
//# sourceMappingURL=FiltersPanel.d.ts.map