import { PropType } from 'vue';
import { AnyColor, Colord } from 'colord';
import { ITColorpickerOptions } from '@/types/components/components';
declare const _sfc_main: import("vue").DefineComponent<{
    disableAlpha: {
        type: BooleanConstructor;
        default: boolean;
    };
    showTooltip: {
        type: BooleanConstructor;
        default: boolean;
    };
    value: {
        default: string;
        type: PropType<Colord | AnyColor>;
    };
    classes?: {
        type: PropType<import("../../types/variant").CSSRawClassesList<ITColorpickerOptions>>;
        default: undefined;
    } | undefined;
    base?: {
        type: PropType<import("../../types/variant").CSSRawClassesList<ITColorpickerOptions>>;
        default: undefined;
    } | undefined;
    variants?: {
        type: PropType<import("../../types/variant").CSSRawClassesList<ITColorpickerOptions>>;
        default: undefined;
    } | undefined;
    variant?: {
        type: PropType<string | string[] | undefined>;
        default?: string | undefined;
    } | undefined;
}, {
    colors: import("vue").WritableComputedRef<{
        readonly rgba: {
            r: number;
            g: number;
            b: number;
            a: number;
        };
        isValid: () => boolean;
        brightness: () => number;
        isDark: () => boolean;
        isLight: () => boolean;
        toHex: () => string;
        toRgb: () => import("colord").RgbaColor;
        toRgbString: () => string;
        toHsl: () => import("colord").HslaColor;
        toHslString: () => string;
        toHsv: () => import("colord").HsvaColor;
        invert: () => Colord;
        saturate: (amount?: number | undefined) => Colord;
        desaturate: (amount?: number | undefined) => Colord;
        grayscale: () => Colord;
        lighten: (amount?: number | undefined) => Colord;
        darken: (amount?: number | undefined) => Colord;
        rotate: (amount?: number | undefined) => Colord;
        alpha: {
            (): number;
            (value: number): Colord;
        };
        hue: {
            (): number;
            (value: number): Colord;
        };
        isEqual: (color: Colord | AnyColor) => boolean;
    }>;
    colorChange: (data?: any) => void;
    changeHue: (val: number) => void;
    hue: import("vue").Ref<number>;
    variant: import("vue").ComputedRef<{
        transitions?: Record<string, Record<string, string>> | undefined;
    } & import("../../types/variant").CSSRawClassesList<ITColorpickerOptions>>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
    disableAlpha: {
        type: BooleanConstructor;
        default: boolean;
    };
    showTooltip: {
        type: BooleanConstructor;
        default: boolean;
    };
    value: {
        default: string;
        type: PropType<Colord | AnyColor>;
    };
    classes?: {
        type: PropType<import("../../types/variant").CSSRawClassesList<ITColorpickerOptions>>;
        default: undefined;
    } | undefined;
    base?: {
        type: PropType<import("../../types/variant").CSSRawClassesList<ITColorpickerOptions>>;
        default: undefined;
    } | undefined;
    variants?: {
        type: PropType<import("../../types/variant").CSSRawClassesList<ITColorpickerOptions>>;
        default: undefined;
    } | undefined;
    variant?: {
        type: PropType<string | string[] | undefined>;
        default?: string | undefined;
    } | undefined;
}>>, {
    value: Colord | AnyColor;
    showTooltip: boolean;
    disableAlpha: boolean;
}>;
export default _sfc_main;