import { VoidFunc } from "../../../fd-toolbox/functions/internal-getter-setter-functions";
/**
 * Props for {@link BadgeToggleList}
 */
export interface BadgeToggleListProps {
    /**
     * The badge items to display
     */
    items: string[];
    /**
     * Currently selected items
     */
    selectedItems?: string[];
    /**
     * Event handler called when the selection changes, receiving the new array of selected items
     */
    onSelectedItemsChange?: VoidFunc<string[]>;
}
/**
 * Toggleable list of badges
 *
 * @param BadgeToggleListProps {@link BadgeToggleListProps}
 *
 * @example
 * ```tsx
 * function MyComponent() {
    const [items, setItems] = useState(['Students', 'Teachers', 'Courses']);
    const [selectedItems, setSelectedItems] = useState(['Students', 'Teachers']);

    return (
        <BadgeToggleList items={items} selectedItems={selectedItems} onSelectedItemsChange={setSelectedItems}/>
    );
 }
 * ```
 */
export declare function BadgeToggleList({ items, selectedItems: selectedItemsProp, onSelectedItemsChange: onSelectedItemsChangeProp, }: BadgeToggleListProps): import("react").JSX.Element;
