import { HTMLAttributes, ReactNode } from 'react';
export type ChipVariant = 'toggle' | 'radio' | 'button';
export type ChipSize = 'small' | 'xs';
export interface ChipOption {
    id: string;
    label: string;
    checked?: boolean;
    isUnavailable?: boolean;
    name?: string;
    hover?: boolean;
    focused?: boolean;
    pressed?: boolean;
}
export interface ChipsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
    /** Which chip variant: 'toggle' (checkbox), 'radio', or 'button' (dismissible). */
    variant: ChipVariant;
    /** Array of chip option data. */
    chips?: ChipOption[];
    /** Fieldset legend text. */
    legend?: string;
    /** Inverse (dark background) mode. */
    inverse?: boolean;
    /** Size variant. */
    size?: ChipSize;
    /** Callback when a toggle chip changes. */
    onChipChange?: (chipId: string, checked: boolean) => void;
    /** Callback when a radio chip is selected. */
    onChipSelect?: (chipId: string) => void;
    /** Callback when a dismissible chip is removed. */
    onChipRemove?: (chipId: string) => void;
    /** Checkmark icon for toggle variant — rendered inside the label. Provide an SVG ReactNode. */
    checkmarkIcon?: ReactNode;
    /** Close icon for button/dismissible variant — rendered inside the label. Provide an SVG ReactNode. */
    closeIcon?: ReactNode;
}
//# sourceMappingURL=Chips.types.d.ts.map