import type * as React from "react";
export type FilterChipGroupItem = {
    id: string;
    label: string;
    count?: number;
};
export type FilterChipGroupProps = {
    items: FilterChipGroupItem[];
    /**
     * Currently selected item ids. Multi-select: an empty array means no filter
     * is active. The consumer owns any "clear"/"all" affordance — this component
     * renders only the items it's given.
     */
    selected: string[];
    onChange?: (ids: string[]) => void;
} & Omit<React.ComponentProps<"div">, "onChange">;
/**
 * A horizontally scrollable, labeled group of selectable filter chips.
 * Multi-select: clicking a chip toggles its id in/out of the `selected` array.
 * Built on `ToggleGroup` so the chips get real group semantics (the group
 * role carries the accessible name) and roving keyboard focus; this component
 * owns the overflow-scroll fade, the consumer owns the data and the selection
 * array.
 */
export declare function FilterChipGroup({ items, selected, onChange, className, "aria-label": ariaLabel, ...rest }: FilterChipGroupProps): React.JSX.Element;
//# sourceMappingURL=filter-chip-group.d.ts.map