import { SizeTokenValue, PropsWithChildren, QA } from '../common'; import { AnchorHTMLAttributes, HTMLAttributes, ReactNode } from 'react'; import { CSSObject } from '@emotion/react'; import { TooltipProps } from '../Tooltip'; export declare enum ChipVariant { Outlined = "outlined", Filled = "filled" } export type ChipStyles = { /** Размер */ size: SizeTokenValue | `${SizeTokenValue}`; /** Вариант */ variant: ChipVariant | `${ChipVariant}`; /** Отключен */ disabled?: boolean; /** Выбран */ checked?: boolean; /** С ошибкой */ error?: boolean; /** Показывать курсор pointer */ isButton?: boolean; }; export type ChipProps = { /** Label */ label?: string; /** Иконка | Контент слева */ startAdornment?: ReactNode; /** Иконка | Контент справа */ endAdornment?: ReactNode; /** Всплывающая подсказка */ tooltip?: TooltipProps['content']; /** Обработчик удаления. Показывает крестик */ onDelete?: () => void; /** Максимальная длинна label. * * Показывает tooltip при превышении */ maxLength?: number; /** Обработчик длинны label */ maxLengthFunc?: (label: string) => string; } & Partial> & QA & PropsWithChildren & Pick & Pick, 'onClick' | 'className'> & Pick, 'href' | 'target'>;