import * as tailwind_variants from 'tailwind-variants'; import { VariantProps } from 'tailwind-variants'; /** * Chip wrapper **Tailwind Variants** component * * @example * ```js * const {base, content, dot, avatar, closeButton} = chip({...}) * *
* // left content * * * Default * close button * // right content *
* ``` */ declare const chip: tailwind_variants.TVReturnType<{ variant: { solid: {}; bordered: { base: string; }; light: { base: string; }; flat: {}; faded: { base: string; }; shadow: {}; dot: { base: string; }; }; color: { default: { dot: string; }; primary: { dot: string; }; secondary: { dot: string; }; success: { dot: string; }; warning: { dot: string; }; danger: { dot: string; }; }; size: { sm: { base: string; content: string; closeButton: string; avatar: string; }; md: { base: string; content: string; closeButton: string; avatar: string; }; lg: { base: string; content: string; closeButton: string; avatar: string; }; }; radius: { none: { base: string; }; sm: { base: string; }; md: { base: string; }; lg: { base: string; }; full: { base: string; }; }; isCloseable: { true: {}; false: {}; }; hasStartContent: { true: {}; }; hasEndContent: { true: {}; }; isDisabled: { true: { base: string; }; }; isCloseButtonFocusVisible: { true: { closeButton: string[]; }; }; }, { base: string[]; content: string; dot: string[]; avatar: string; closeButton: string[]; }, undefined, { variant: { solid: {}; bordered: { base: string; }; light: { base: string; }; flat: {}; faded: { base: string; }; shadow: {}; dot: { base: string; }; }; color: { default: { dot: string; }; primary: { dot: string; }; secondary: { dot: string; }; success: { dot: string; }; warning: { dot: string; }; danger: { dot: string; }; }; size: { sm: { base: string; content: string; closeButton: string; avatar: string; }; md: { base: string; content: string; closeButton: string; avatar: string; }; lg: { base: string; content: string; closeButton: string; avatar: string; }; }; radius: { none: { base: string; }; sm: { base: string; }; md: { base: string; }; lg: { base: string; }; full: { base: string; }; }; isCloseable: { true: {}; false: {}; }; hasStartContent: { true: {}; }; hasEndContent: { true: {}; }; isDisabled: { true: { base: string; }; }; isCloseButtonFocusVisible: { true: { closeButton: string[]; }; }; }, { base: string[]; content: string; dot: string[]; avatar: string; closeButton: string[]; }, tailwind_variants.TVReturnType<{ variant: { solid: {}; bordered: { base: string; }; light: { base: string; }; flat: {}; faded: { base: string; }; shadow: {}; dot: { base: string; }; }; color: { default: { dot: string; }; primary: { dot: string; }; secondary: { dot: string; }; success: { dot: string; }; warning: { dot: string; }; danger: { dot: string; }; }; size: { sm: { base: string; content: string; closeButton: string; avatar: string; }; md: { base: string; content: string; closeButton: string; avatar: string; }; lg: { base: string; content: string; closeButton: string; avatar: string; }; }; radius: { none: { base: string; }; sm: { base: string; }; md: { base: string; }; lg: { base: string; }; full: { base: string; }; }; isCloseable: { true: {}; false: {}; }; hasStartContent: { true: {}; }; hasEndContent: { true: {}; }; isDisabled: { true: { base: string; }; }; isCloseButtonFocusVisible: { true: { closeButton: string[]; }; }; }, { base: string[]; content: string; dot: string[]; avatar: string; closeButton: string[]; }, undefined, unknown, unknown, undefined>>; type ChipVariantProps = VariantProps; type ChipSlots = keyof ReturnType; export { type ChipSlots, type ChipVariantProps, chip };