import { TSizeAll } from '../../index.ts';
import { ReactNode } from 'react';

export type TToggleButton = {
    /**
     * each toggle button needs a unique ID
     */
    id: string;
    /**
     *  required button label
     */
    label: ReactNode;
};
export interface IToggleButtonsProps {
    /**
     *  className
     */
    className?: string;
    /**
     * Array of items
     * ```
     * id: string
     * label: ReactNode
     * ```
     */
    items: Array<TToggleButton>;
    /**
     * size
     */
    size?: TSizeAll;
    /**
     * optionally apply custom CSS
     */
    style?: React.CSSProperties;
    /**
     * variant
     */
    variant?: 'filled' | 'transparent' | 'outline';
    value: string;
    onChange: (value: string) => void;
    fullWidth?: boolean;
    /**
     * id for accessibility
     */
    id?: string;
}
export declare const ToggleButtons: ({ items, size, variant, style, value, onChange, fullWidth, id: propId, ...props }: IToggleButtonsProps) => import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=ToggleButtons.d.ts.map