import { IconType, ThemeType, GradientProp, GradientDirProp } from '..';
interface BtnProp {
    icon?: IconType;
    onClick: () => void;
    value?: string;
}
type __VLS_Props = {
    disabled?: boolean;
    icon?: IconType;
    iconEnd?: IconType;
    color?: ThemeType;
    variant?: 'solid' | 'flat' | 'outline' | 'glass' | 'soft' | 'frost';
    /** Boolean variant shorthands: <Badge flat /> — same as variant="flat" */
    flat?: boolean;
    outline?: boolean;
    /** Soft variant: light tinted bg + full-color text & border, driven by `color`.
        Shorthand for variant="soft". e.g. <Badge color="blue" soft /> */
    soft?: boolean;
    /** Frost variant: translucent + blur, tinted by `color`. Reads beautifully
        over photos / gradients / dark heroes. Shorthand for variant="frost". */
    frost?: boolean;
    /** Gradient fill (white text). Boolean = auto (a darker shade of `color`);
        or a space-separated tone list — "purple" pairs with `color`
        (blue→purple), "blue purple pink" defines all stops. */
    gradient?: GradientProp;
    /** Gradient direction: a named direction ("to-br") or an angle in degrees
        (45 or "45"). Defaults to 135deg. */
    gradientDir?: GradientDirProp;
    /** Solid fill + a hairline border (keeps the background, unlike `outline`). */
    frame?: boolean;
    /** Translucent frosted badge — readable on photos / gradients / dark heroes.
        Shorthand for variant="glass". */
    glass?: boolean;
    /** Leading status dot in the theme color (e.g. ● Live, ● Active). */
    dot?: boolean;
    /** @deprecated Use `outline` */
    border?: boolean;
    loading?: boolean;
    value?: string;
    round?: boolean;
    btn?: BtnProp;
    btnEnd?: BtnProp;
    size?: 'sm' | 'md' | 'lg';
    /** Boolean size shorthands: <Badge sm value="New" /> */
    sm?: boolean;
    lg?: boolean;
    /** Mobile-only size override (≤ 910px). Lets a `lg` desktop badge shrink on
        phones so it doesn't overflow / touch neighbours. e.g.
        <Badge lg mobile-size="sm" />. Mirrors `Icon`'s `mobileSize` prop. */
    mobileSize?: 'sm' | 'md' | 'lg';
    uppercase?: boolean;
};
declare function __VLS_template(): {
    attrs: Partial<{}>;
    slots: {
        default?(_: {
            class: {
                uppercase: boolean | undefined;
            };
        }): any;
    };
    refs: {};
    rootEl: HTMLDivElement;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
    new (): {
        $slots: S;
    };
};
//# sourceMappingURL=Badge.vue.d.ts.map