import type { HTMLAttributes } from 'react';
import { type VariantProps } from 'tailwind-variants';
import type { AsChildProps } from '../../utils/AsChildProps';
declare const chipVariants: import("tailwind-variants").TVReturnType<{
    variant: {
        green: string;
        yellow: string;
        red: string;
        neutral: string;
    };
}, undefined, "line-height-[22px] type-badge-sm flex items-center rounded-full border px-5 text-text-high-contrast -outline-offset-1 transition-colors focus:outline-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus", {
    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
        variant?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
    } | undefined;
} & import("tailwind-variants/dist/config.js").TWMConfig & {
    twMerge: true;
    twMergeConfig: {
        extend: {
            classGroups: {
                type: {
                    type: string[];
                }[];
                'text-wrap': string[];
                rounded: {
                    rounded: string[];
                }[];
            };
        };
    };
}, {
    variant: {
        green: string;
        yellow: string;
        red: string;
        neutral: string;
    };
}, undefined, import("tailwind-variants").TVReturnType<{
    variant: {
        green: string;
        yellow: string;
        red: string;
        neutral: string;
    };
}, undefined, "line-height-[22px] type-badge-sm flex items-center rounded-full border px-5 text-text-high-contrast -outline-offset-1 transition-colors focus:outline-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus", import("tailwind-variants/dist/config.js").TVConfig<{
    variant: {
        green: string;
        yellow: string;
        red: string;
        neutral: string;
    };
}, {
    variant: {
        green: string;
        yellow: string;
        red: string;
        neutral: string;
    };
}>, unknown, unknown, undefined>>;
type ChatChipProps = AsChildProps<HTMLAttributes<HTMLDivElement>> & VariantProps<typeof chipVariants>;
declare const ChatChip: import("react").ForwardRefExoticComponent<ChatChipProps & import("react").RefAttributes<HTMLDivElement>>;
export { ChatChip, chipVariants };
export type { ChatChipProps };