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
*
*
* ```
*/
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 };