import * as React from 'react';
import type { HTMLAttributesWithRootRef } from '../../types';
export type SegmentedControlValue = string | number;
export interface SegmentedControlOptionInterface<T extends SegmentedControlValue = SegmentedControlValue> extends Omit<React.HTMLAttributes<HTMLElement>, 'label'> {
    /**
     * Вставляет элемент перед основным контентом.
     * Рекомендуется использовать только иконки с размером 20.
     */
    before?: React.ReactNode | undefined;
    /**
     * Текст или React-элемент, отображаемый в качестве метки опции.
     */
    label: React.ReactNode;
    /**
     * Значение опции, которое будет передано в обработчик onChange при выборе.
     */
    value: T;
}
export interface SegmentedControlProps<T extends SegmentedControlValue = SegmentedControlValue> extends Omit<HTMLAttributesWithRootRef<HTMLDivElement>, 'onChange'> {
    /**
     * Массив опций для отображения в компоненте.
     */
    options: Array<SegmentedControlOptionInterface<T>>;
    /**
     * Размер компонента.
     */
    size?: 'm' | 'l' | undefined;
    /**
     * Имя для input-элементов внутри компонента.
     */
    name?: string | undefined;
    /**
     * Обработчик изменения выбранного значения.
     */
    onChange?: ((value: T) => void) | undefined;
    /**
     * Текущее выбранное значение (для контролируемого компонента).
     */
    value?: T | undefined;
    /**
     * Значение по умолчанию (для неконтролируемого компонента).
     */
    defaultValue?: T | undefined;
}
/**
 * @see https://vkui.io/components/segmented-control
 */
export declare const SegmentedControl: <T extends SegmentedControlValue = SegmentedControlValue>({ size, name, options, defaultValue, children, onChange: onChangeProp, value: valueProp, role, ...restProps }: SegmentedControlProps<T>) => React.ReactNode;
//# sourceMappingURL=SegmentedControl.d.ts.map