import type { Plugin } from 'vue';
export declare const IconPlugin: Plugin;
export declare const YIcon: import("vue").DefineComponent<{
    color: {
        type: import("vue").PropType<`#${string}` | `rgb(${string},${string},${string})` | `rgba(${string},${string},${string},${string})` | `var(${string})`>;
        default: string;
    };
    size: {
        type: import("vue").PropType<number | `var(${string})` | `${number}px` | `${number}em`>;
        default: string;
    };
    component: {
        type: import("vue").PropType<import("vue").Component>;
        default: null;
    };
    text: {
        type: (StringConstructor | NumberConstructor)[];
        default: string;
    };
    textColor: {
        type: import("vue").PropType<`#${string}` | `rgb(${string},${string},${string})` | `rgba(${string},${string},${string},${string})` | `var(${string})`>;
        default: string;
    };
    textSize: {
        type: import("vue").PropType<number | `var(${string})` | `${number}px` | `${number}em`>;
        default: string;
    };
    cssVar: {
        type: import("vue").PropType<(`--color: #${string}` | `--color: rgb(${string},${string},${string})` | `--color: rgba(${string},${string},${string},${string})` | `--color: var(${string})` | `--font-size: var(${string})` | `--font-size: ${number}px` | `--font-size: ${number}em` | `--text-color: #${string}` | `--text-color: rgb(${string},${string},${string})` | `--text-color: rgba(${string},${string},${string},${string})` | `--text-color: var(${string})` | `--text-size: var(${string})` | `--text-size: ${number}px` | `--text-size: ${number}em`)[]>;
        default: never[];
    };
    rtl: BooleanConstructor;
}, {
    props: import("@vue/shared").LooseRequired<{
        readonly color: `#${string}` | `rgb(${string},${string},${string})` | `rgba(${string},${string},${string},${string})` | `var(${string})`;
        readonly size: number | `var(${string})` | `${number}px` | `${number}em`;
        readonly component: import("vue").Component;
        readonly text: string | number;
        readonly textColor: `#${string}` | `rgb(${string},${string},${string})` | `rgba(${string},${string},${string},${string})` | `var(${string})`;
        readonly textSize: number | `var(${string})` | `${number}px` | `${number}em`;
        readonly cssVar: (`--color: #${string}` | `--color: rgb(${string},${string},${string})` | `--color: rgba(${string},${string},${string},${string})` | `--color: var(${string})` | `--font-size: var(${string})` | `--font-size: ${number}px` | `--font-size: ${number}em` | `--text-color: #${string}` | `--text-color: rgb(${string},${string},${string})` | `--text-color: rgba(${string},${string},${string},${string})` | `--text-color: var(${string})` | `--text-size: var(${string})` | `--text-size: ${number}px` | `--text-size: ${number}em`)[];
        readonly rtl: boolean;
    } & {}>;
    iconStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
    textStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
    color: {
        type: import("vue").PropType<`#${string}` | `rgb(${string},${string},${string})` | `rgba(${string},${string},${string},${string})` | `var(${string})`>;
        default: string;
    };
    size: {
        type: import("vue").PropType<number | `var(${string})` | `${number}px` | `${number}em`>;
        default: string;
    };
    component: {
        type: import("vue").PropType<import("vue").Component>;
        default: null;
    };
    text: {
        type: (StringConstructor | NumberConstructor)[];
        default: string;
    };
    textColor: {
        type: import("vue").PropType<`#${string}` | `rgb(${string},${string},${string})` | `rgba(${string},${string},${string},${string})` | `var(${string})`>;
        default: string;
    };
    textSize: {
        type: import("vue").PropType<number | `var(${string})` | `${number}px` | `${number}em`>;
        default: string;
    };
    cssVar: {
        type: import("vue").PropType<(`--color: #${string}` | `--color: rgb(${string},${string},${string})` | `--color: rgba(${string},${string},${string},${string})` | `--color: var(${string})` | `--font-size: var(${string})` | `--font-size: ${number}px` | `--font-size: ${number}em` | `--text-color: #${string}` | `--text-color: rgb(${string},${string},${string})` | `--text-color: rgba(${string},${string},${string},${string})` | `--text-color: var(${string})` | `--text-size: var(${string})` | `--text-size: ${number}px` | `--text-size: ${number}em`)[]>;
        default: never[];
    };
    rtl: BooleanConstructor;
}>>, {
    color: `#${string}` | `rgb(${string},${string},${string})` | `rgba(${string},${string},${string},${string})` | `var(${string})`;
    size: number | `var(${string})` | `${number}px` | `${number}em`;
    component: import("vue").Component;
    text: string | number;
    textColor: `#${string}` | `rgb(${string},${string},${string})` | `rgba(${string},${string},${string},${string})` | `var(${string})`;
    textSize: number | `var(${string})` | `${number}px` | `${number}em`;
    cssVar: (`--color: #${string}` | `--color: rgb(${string},${string},${string})` | `--color: rgba(${string},${string},${string},${string})` | `--color: var(${string})` | `--font-size: var(${string})` | `--font-size: ${number}px` | `--font-size: ${number}em` | `--text-color: #${string}` | `--text-color: rgb(${string},${string},${string})` | `--text-color: rgba(${string},${string},${string},${string})` | `--text-color: var(${string})` | `--text-size: var(${string})` | `--text-size: ${number}px` | `--text-size: ${number}em`)[];
    rtl: boolean;
}, {}>;