import React from 'react';
import { View } from 'react-native';
import type { SizeValue } from '../../core/theme/sizes';
export interface ToggleBarOption {
    /** Display label for the option */
    label: string;
    /** Value for the option */
    value: string | number;
    /** Optional left icon */
    startIcon?: React.ReactNode;
    /** Optional right icon */
    endIcon?: React.ReactNode;
    /** Color for the chip when selected */
    color?: string;
    /** Override default chip variant */
    chipVariant?: 'filled' | 'outline' | 'light';
    /** Disable this option */
    disabled?: boolean;
}
export interface ToggleBarProps {
    /** Selected values */
    value: (string | number)[];
    /** Called with updated values */
    onChange?: (vals: (string | number)[]) => void;
    /** Options to render */
    options: ToggleBarOption[];
    /** Allow multiple selection. If false acts like exclusive */
    multiple?: boolean;
    /** Require at least one selection */
    required?: boolean;
    /** Overall size passed to chips */
    size?: SizeValue;
    /** Default chip variant when not selected */
    chipVariant?: 'filled' | 'outline' | 'light';
    /** Variant to use when selected (defaults to 'filled') */
    selectedVariant?: 'filled' | 'outline' | 'light';
    /** Gap between chips */
    gap?: number;
    /** Row wrapping container style */
    style?: any;
}
export declare const ToggleBar: React.ForwardRefExoticComponent<ToggleBarProps & React.RefAttributes<View>>;
export default ToggleBar;