import './Chip.css';
import React from 'react';
import type { Ref, ReactNode, HTMLAttributes, InputHTMLAttributes } from 'react';
import type { IconProps, IconSize } from '@ornament-ui/icons';
import type { ExtendableProps } from '../../types/ExtendableProps';
export declare const cnChip: import("@bem-react/classname").ClassNameFormatter;
export declare const chipSizeVariant: readonly ["xs", "s", "m", "l"];
export declare const chipColorVariant: readonly ["primary", "secondary"];
export type ChipSizeVariant = (typeof chipSizeVariant)[number];
export type ChipColorVariant = (typeof chipColorVariant)[number];
export type ChipIconComponent = React.FC<IconProps & {
    size?: IconSize;
}>;
export type ChipBaseProps = {
    /** Размер компонента
     * @default m
     */
    size?: ChipSizeVariant;
    /** Вариант представления компонента
     * @default primary
     */
    color?: ChipColorVariant;
    /** Если {true} компонент отображается как заблокированный
     * @default false
     */
    disabled?: boolean;
    /** Иконка слева */
    iconLeft?: ChipIconComponent;
    /** Иконка справа */
    iconRight?: ChipIconComponent;
    /** Ссылка на input-элемент в компоненте */
    inputRef?: Ref<HTMLInputElement>;
    /** HTML-атрибуты label-элемента в компоненте */
    labelProps?: HTMLAttributes<HTMLLabelElement>;
    /** Дополнительные СSS-классы */
    className?: string;
    /** Содержимое компонента */
    children: ReactNode;
    /** Идентификатор компанента для тестов */
    'data-testid'?: string;
};
export type ChipProps = ExtendableProps<InputHTMLAttributes<HTMLInputElement>, ChipBaseProps>;
export declare const Chip: React.ForwardRefExoticComponent<ChipBaseProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, keyof ChipBaseProps> & React.RefAttributes<HTMLLabelElement>>;