import * as tailwind_variants from 'tailwind-variants';
import { VariantProps } from 'tailwind-variants';
import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
import * as React from 'react';
import { CheckedState } from '@radix-ui/react-checkbox';

declare const tagVariants: tailwind_variants.TVReturnType<{
    variant: {
        default: string;
    };
    radius: {
        none: string;
        xs: string;
        sm: string;
        md: string;
        lg: string;
        xl: string;
        '2xl': string;
        '3xl': string;
        half: string;
        full: string;
    };
    size: {
        sm: string;
        md: string;
        lg: string;
    };
}, undefined, "border-border-secondary inline-flex items-center justify-center whitespace-nowrap border text-center font-medium transition-colors focus:outline-none", tailwind_variants_dist_config.TVConfig<{
    variant: {
        default: string;
    };
    radius: {
        none: string;
        xs: string;
        sm: string;
        md: string;
        lg: string;
        xl: string;
        '2xl': string;
        '3xl': string;
        half: string;
        full: string;
    };
    size: {
        sm: string;
        md: string;
        lg: string;
    };
}, {
    variant: {
        default: string;
    };
    radius: {
        none: string;
        xs: string;
        sm: string;
        md: string;
        lg: string;
        xl: string;
        '2xl': string;
        '3xl': string;
        half: string;
        full: string;
    };
    size: {
        sm: string;
        md: string;
        lg: string;
    };
}>, {
    variant: {
        default: string;
    };
    radius: {
        none: string;
        xs: string;
        sm: string;
        md: string;
        lg: string;
        xl: string;
        '2xl': string;
        '3xl': string;
        half: string;
        full: string;
    };
    size: {
        sm: string;
        md: string;
        lg: string;
    };
}, undefined, tailwind_variants.TVReturnType<{
    variant: {
        default: string;
    };
    radius: {
        none: string;
        xs: string;
        sm: string;
        md: string;
        lg: string;
        xl: string;
        '2xl': string;
        '3xl': string;
        half: string;
        full: string;
    };
    size: {
        sm: string;
        md: string;
        lg: string;
    };
}, undefined, "border-border-secondary inline-flex items-center justify-center whitespace-nowrap border text-center font-medium transition-colors focus:outline-none", tailwind_variants_dist_config.TVConfig<{
    variant: {
        default: string;
    };
    radius: {
        none: string;
        xs: string;
        sm: string;
        md: string;
        lg: string;
        xl: string;
        '2xl': string;
        '3xl': string;
        half: string;
        full: string;
    };
    size: {
        sm: string;
        md: string;
        lg: string;
    };
}, {
    variant: {
        default: string;
    };
    radius: {
        none: string;
        xs: string;
        sm: string;
        md: string;
        lg: string;
        xl: string;
        '2xl': string;
        '3xl': string;
        half: string;
        full: string;
    };
    size: {
        sm: string;
        md: string;
        lg: string;
    };
}>, unknown, unknown, undefined>>;
interface TagProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>, VariantProps<typeof tagVariants> {
    icon?: React.ReactNode;
    count?: number;
    withCount?: boolean;
    closeIcon?: React.ReactNode;
    checkable?: boolean;
    checked?: boolean;
    onClose?: () => void;
    onChange?: (checked: CheckedState) => void;
    contentClassName?: string;
}
declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLDivElement>>;

export { Tag, type TagProps, tagVariants };