import { SizeTokenValue, QA } from '../common';
import { ChangeEvent, HTMLAttributes, InputHTMLAttributes, ReactNode } from 'react';
import { CSSObject } from '@emotion/react';
export type SegmentedControlOption = {
    /** Label */
    label: ReactNode;
    /** Значение */
    value: string | number;
} & QA & Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'checked' | 'children' | 'className'> & Pick<HTMLAttributes<HTMLDivElement>, 'className'>;
export type SegmentedControlProps = {
    /** Сегменты */
    options: SegmentedControlOption[];
    /** Размер */
    size?: SizeTokenValue | `${SizeTokenValue}`;
    onChange: (e: ChangeEvent<HTMLInputElement>, option: SegmentedControlOption) => void;
} & QA & Pick<CSSObject, 'width'> & Pick<InputHTMLAttributes<HTMLInputElement>, 'value' | 'disabled' | 'readOnly'> & Required<Pick<InputHTMLAttributes<HTMLInputElement>, 'name'>> & Pick<HTMLAttributes<HTMLDivElement>, 'className'>;