import { default as React } from 'react';
export interface ToggleGroupOption {
    /** Option value */
    value: string;
    /** Option label */
    label: React.ReactNode;
    /** Option icon */
    icon?: React.ReactNode;
    /** Disabled state */
    disabled?: boolean;
}
export interface ToggleGroupProps {
    /** Available options */
    options: ToggleGroupOption[];
    /** Selected value (single select) */
    value?: string;
    /** Selected values (multi select) */
    values?: string[];
    /** Change handler (single select) */
    onChange?: (value: string) => void;
    /** Change handler (multi select) */
    onValuesChange?: (values: string[]) => void;
    /** Allow multiple selections */
    multiple?: boolean;
    /** Size variant */
    size?: 'sm' | 'md' | 'lg';
    /** Variant style */
    variant?: 'default' | 'outline';
    /** Additional className */
    className?: string;
}
/**
 * ToggleGroup Component
 *
 * Group of toggle buttons for single or multiple selections.
 * Similar to iOS segmented control.
 *
 * @example
 * ```tsx
 * <ToggleGroup
 *   options={[
 *     { value: 'grid', label: 'Grid', icon: <GridIcon /> },
 *     { value: 'list', label: 'List', icon: <ListIcon /> }
 *   ]}
 *   value={viewMode}
 *   onChange={setViewMode}
 * />
 * ```
 *
 * @example
 * ```tsx
 * <ToggleGroup
 *   options={filters}
 *   values={selectedFilters}
 *   onValuesChange={setSelectedFilters}
 *   multiple
 *   size="sm"
 * />
 * ```
 */
export declare const ToggleGroup: React.FC<ToggleGroupProps>;
//# sourceMappingURL=toggle-group.d.ts.map