import { type PropType } from 'vue';
import { type MantineVariant } from '../../core';
export type BadgeVariant = 'filled' | 'light' | 'outline' | 'dot' | 'transparent' | 'white' | 'default' | 'gradient';
export declare const Badge: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
    component: {
        type: StringConstructor;
        default: string;
    };
    size: PropType<string | number>;
    circle: {
        type: BooleanConstructor;
        default: boolean;
    };
    radius: PropType<string | number>;
    color: {
        type: StringConstructor;
        default: undefined;
    };
    gradient: {
        type: PropType<{
            from: string;
            to: string;
            deg?: number;
        }>;
        default: undefined;
    };
    leftSection: {
        type: (ObjectConstructor | NumberConstructor | StringConstructor | FunctionConstructor)[];
        default: undefined;
    };
    rightSection: {
        type: (ObjectConstructor | NumberConstructor | StringConstructor | FunctionConstructor)[];
        default: undefined;
    };
    fullWidth: {
        type: BooleanConstructor;
        default: boolean;
    };
    autoContrast: {
        type: BooleanConstructor;
        default: undefined;
    };
    variant: {
        type: PropType<MantineVariant<BadgeVariant>>;
        default: undefined;
    };
    classNames: {
        type: (ObjectConstructor | FunctionConstructor)[];
        default: undefined;
    };
    styles: {
        type: (ObjectConstructor | FunctionConstructor)[];
        default: undefined;
    };
    vars: {
        type: (ObjectConstructor | FunctionConstructor)[];
        default: undefined;
    };
    unstyled: {
        type: BooleanConstructor;
        default: boolean;
    };
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
    [key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
    component: {
        type: StringConstructor;
        default: string;
    };
    size: PropType<string | number>;
    circle: {
        type: BooleanConstructor;
        default: boolean;
    };
    radius: PropType<string | number>;
    color: {
        type: StringConstructor;
        default: undefined;
    };
    gradient: {
        type: PropType<{
            from: string;
            to: string;
            deg?: number;
        }>;
        default: undefined;
    };
    leftSection: {
        type: (ObjectConstructor | NumberConstructor | StringConstructor | FunctionConstructor)[];
        default: undefined;
    };
    rightSection: {
        type: (ObjectConstructor | NumberConstructor | StringConstructor | FunctionConstructor)[];
        default: undefined;
    };
    fullWidth: {
        type: BooleanConstructor;
        default: boolean;
    };
    autoContrast: {
        type: BooleanConstructor;
        default: undefined;
    };
    variant: {
        type: PropType<MantineVariant<BadgeVariant>>;
        default: undefined;
    };
    classNames: {
        type: (ObjectConstructor | FunctionConstructor)[];
        default: undefined;
    };
    styles: {
        type: (ObjectConstructor | FunctionConstructor)[];
        default: undefined;
    };
    vars: {
        type: (ObjectConstructor | FunctionConstructor)[];
        default: undefined;
    };
    unstyled: {
        type: BooleanConstructor;
        default: boolean;
    };
}>> & Readonly<{}>, {
    color: string;
    autoContrast: boolean;
    variant: MantineVariant<BadgeVariant>;
    gradient: {
        from: string;
        to: string;
        deg?: number;
    };
    classNames: Function | Record<string, any>;
    styles: Function | Record<string, any>;
    circle: boolean;
    component: string;
    vars: Function | Record<string, any>;
    unstyled: boolean;
    leftSection: string | number | Function | Record<string, any>;
    rightSection: string | number | Function | Record<string, any>;
    fullWidth: boolean;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
