import './Segment.css'; import React from 'react'; import type { ReactNode, ChangeEventHandler, HTMLAttributes } from 'react'; import type { ExtendableProps } from '../../types/ExtendableProps'; import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant'; export declare const cnSegment: import("@bem-react/classname").ClassNameFormatter; export declare const segmentVariant: readonly ["primary", "secondary"]; export declare const segmentSelectedVariant: readonly ["main", "action"]; export type SegmentSizeVariant = FormElementSizeVariant; export type SegmentVariant = (typeof segmentVariant)[number]; export type SegmentSelectedVariant = (typeof segmentSelectedVariant)[number]; export type SegmentValueProp = string | number; export type SegmentBaseProps = { /** Свойство отвечающее за размер отступов и типографики компонента */ size?: FormElementSizeVariant; /** Свойство отвечающее за отображение приоритетности компонента */ variant?: SegmentVariant; /** Свойство определяющее цвет выбранной опции */ selectedColor?: SegmentSelectedVariant; /** Имя компонента */ name?: string; /** Если {true} отключает взаимодействие с компонентом */ disabled?: boolean; /** Если {true} растягивает компонент на всю ширину родительского контейнера */ fullWidth?: boolean; /** Значение компонента */ value?: SegmentValueProp; /** Значение компонента по умолчанию (неконтролируемое состояние) */ defaultValue?: SegmentValueProp; /** Функция обратного вызова, которая вызывается при изменении значения компонента */ onChange?: ChangeEventHandler; /** Дополнительные CSS-классы */ className?: string; /** Содержимое компонента */ children: ReactNode; }; export type SegmentProps = ExtendableProps, SegmentBaseProps>; export declare const Segment: React.ForwardRefExoticComponent, keyof SegmentBaseProps> & React.RefAttributes>;