import { type VariantProps } from 'tailwind-variants';
export declare const badgeVariants: import("tailwind-variants").TVReturnType<{
    variant: {
        primary: string;
        secondary: string;
        red: string;
        yellow: string;
        green: string;
        blue: string;
        indigo: string;
        violet: string;
        purple: string;
        fuchsia: string;
        pink: string;
        rose: string;
        orange: string;
        amber: string;
        lime: string;
        emerald: string;
        teal: string;
        cyan: string;
        sky: string;
    };
    size: {
        sm: string;
        md: string;
        lg: string;
    };
}, undefined, "inline-flex items-center flex-col justify-start items-start whitespace-nowrap rounded-2xl text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 duration-300 active:duration-100 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
    variant: {
        primary: string;
        secondary: string;
        red: string;
        yellow: string;
        green: string;
        blue: string;
        indigo: string;
        violet: string;
        purple: string;
        fuchsia: string;
        pink: string;
        rose: string;
        orange: string;
        amber: string;
        lime: string;
        emerald: string;
        teal: string;
        cyan: string;
        sky: string;
    };
    size: {
        sm: string;
        md: string;
        lg: string;
    };
}, undefined, import("tailwind-variants").TVReturnType<{
    variant: {
        primary: string;
        secondary: string;
        red: string;
        yellow: string;
        green: string;
        blue: string;
        indigo: string;
        violet: string;
        purple: string;
        fuchsia: string;
        pink: string;
        rose: string;
        orange: string;
        amber: string;
        lime: string;
        emerald: string;
        teal: string;
        cyan: string;
        sky: string;
    };
    size: {
        sm: string;
        md: string;
        lg: string;
    };
}, undefined, "inline-flex items-center flex-col justify-start items-start whitespace-nowrap rounded-2xl text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 duration-300 active:duration-100 [&_svg]:pointer-events-none [&_svg]:shrink-0", unknown, unknown, undefined>>;
export type BadgeVariant = VariantProps<typeof badgeVariants>['variant'];
export type BadgeSize = VariantProps<typeof badgeVariants>['size'];
import type { WithElementRef } from 'bits-ui';
import type { HTMLAttributes } from 'svelte/elements';
type $$ComponentProps = WithElementRef<HTMLAttributes<HTMLSpanElement>> & {
    variant?: BadgeVariant;
    size?: BadgeSize;
    side?: 'left' | 'right';
};
declare const ChatBubble: import("svelte").Component<$$ComponentProps, {}, "ref">;
type ChatBubble = ReturnType<typeof ChatBubble>;
export default ChatBubble;