import * as React from "react";
import { DrawerProps } from "@fluentui/react-components";
export interface FilterSection {
    title: string;
    content: React.ReactNode;
}
export interface FilterPanelProps {
    open: boolean;
    onClose: () => void;
    title?: string;
    sections?: FilterSection[];
    children?: React.ReactNode;
    onReset?: () => void;
    onApply?: () => void;
    position?: DrawerProps["position"];
    className?: string;
}
/**
 * FilterPanel component for advanced filtering
 *
 * Used in iCaptur for:
 * - Quick Filters sidebar
 * - Advanced search filters
 * - Multi-section filter UI
 *
 * @example
 * ```tsx
 * <FilterPanel
 *   open={isOpen}
 *   onClose={handleClose}
 *   title="Quick Filters"
 *   sections={[
 *     { title: "Basic Filters", content: <FilterFields /> },
 *     { title: "Skill-Based", content: <SkillFilters /> }
 *   ]}
 *   onReset={handleReset}
 *   onApply={handleApply}
 * />
 * ```
 */
export declare const FilterPanel: React.ForwardRefExoticComponent<FilterPanelProps & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=filter-panel.d.ts.map