import type { FilterValue, FilterDef } from "../types";
/** Props for {@link FilterBar}. */
export interface FilterBarProps {
    /** Currently active filter values. */
    readonly filters: readonly FilterValue[];
    /** Available filter definitions (used to resolve labels). */
    readonly filterDefs: readonly FilterDef[];
    /** Called when a filter chip's "remove" button is clicked. */
    readonly onRemoveFilter: (filterId: string) => void;
    /** Called when the "Clear all" button is clicked. */
    readonly onClearAll: () => void;
    /** Additional CSS classes. */
    readonly className?: string;
}
/**
 * Displays active filters as removable chips with a "Clear all" action.
 *
 * The filter bar is a lightweight presentation component — filter state
 * and mutation logic live in {@link useResourceFilters}. The parent
 * `ResourceWorkbench` wires them together.
 *
 * @example
 * ```tsx
 * <FilterBar
 *   filters={filtersHook.filters}
 *   filterDefs={agentFilterDefs}
 *   onRemoveFilter={filtersHook.removeFilter}
 *   onClearAll={filtersHook.clearFilters}
 * />
 * ```
 */
export declare function FilterBar({ filters, filterDefs, onRemoveFilter, onClearAll, className, }: FilterBarProps): import("react/jsx-runtime").JSX.Element | null;
//# sourceMappingURL=FilterBar.d.ts.map