import { PropAnyComponent } from '../../helpers/common/components';
type BadgeSize = 'base' | 'lg';
type BadgeColors = 'primary' | 'secondary';
type __VLS_Props = {
    size?: BadgeSize;
    color?: BadgeColors;
    /**
     * Set text & bg color. Defaults to primary variation.
     */
    colorClasses?: string;
    /**
     * Show dot to the right
     */
    dot?: boolean;
    /**
     * Set dot/icon bg color. Defaults to primary variation.
     */
    dotIconColorClasses?: string;
    /**
     * Optionally show icon to the left of the text
     */
    iconLeft?: PropAnyComponent;
    /**
     * A more square, but still rounded look
     */
    rounded?: boolean;
    /**
     * Track icon clicks
     */
    clickableIcon?: boolean;
};
declare function __VLS_template(): {
    attrs: Partial<{}>;
    slots: {
        default?(_: {}): any;
    };
    refs: {};
    rootEl: HTMLSpanElement;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
    "click-icon": (v: MouseEvent) => any;
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
    "onClick-icon"?: ((v: MouseEvent) => any) | undefined;
}>, {
    size: BadgeSize;
    color: BadgeColors;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
    new (): {
        $slots: S;
    };
};