import type { ReactNode } from 'react'; import React from 'react'; import type { ViewProps } from 'react-native'; import type { IconName } from '../Icon'; /** * @deprecated Use 'selection' | 'filter' | 'compact' | 'compact-outlined' instead. */ type DeprecatedVariant = 'outlined' | 'filled'; type ValidVariant = 'selection' | 'filter' | 'compact' | 'compact-outlined'; interface ChipProps extends ViewProps { /** * The label of the chip. */ label: string | ReactNode; /** * Variant of the chip. * * ⚠️ 'outlined' | 'filled' variants are deprecated and will be removed in the next major release. Please use 'selection' | 'filter' | 'compact' | 'compact-outlined' instead. */ variant?: ValidVariant | DeprecatedVariant; /** * Whether the chip is selected. */ selected?: boolean; /** * Icon of the chip. */ icon?: IconName; /** * Callback when the chip is pressed. */ onPress?: () => void; /** * Whether to show the selected icon when using outlined variant. */ showSelectedIcon?: boolean; /** * If true, indicates that the Chip is accessible to screen readers. */ accessible?: boolean; } declare const Chip: ({ label, variant, selected, icon, onPress, showSelectedIcon, accessible, onBlur, onFocus, ...otherProps }: ChipProps) => React.JSX.Element; export default Chip;