/*! Strand UI | MIT License | dillingerstaffing.com */
import type { JSX } from "preact";
export interface ChipSetItem {
    /** Stable identity, reported by `onSelectionChange`. */
    id: string;
    label: string;
}
export interface ChipSetProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, "onChange"> {
    items: ChipSetItem[];
    /** ids currently selected. */
    selected?: string[];
    /** `multi` renders toggle buttons; `single` renders a radiogroup. */
    mode?: "multi" | "single";
    /** `scroll` never wraps and scrolls sideways. */
    overflow?: "wrap" | "scroll";
    size?: "sm" | "md";
    /** Accessible name for the set. */
    label: string;
    /** Called with the ids selected after the interaction. */
    onSelectionChange?: (selected: string[]) => void;
    className?: string;
}
/**
 * Selectable chips that wrap in a rail and scroll on a narrow viewport.
 *
 * @example
 * <ChipSet label="Interests" items={topics} selected={picked} onSelectionChange={setPicked} />
 */
export declare const ChipSet: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<ChipSetProps> & {
    ref?: import("preact").Ref<HTMLDivElement> | undefined;
}>;
//# sourceMappingURL=ChipSet.d.ts.map