import { CSSProperties } from "vue";
declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
    color: {
        type: null;
        required: false;
    };
    size: {
        type: StringConstructor;
        required: false;
        default: string;
    };
}>, {
    props: any;
    emit: (event: "change", ...args: any[]) => void;
    barElement: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
    cursorElement: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
    color: any;
    h: any;
    s: any;
    l: any;
    state: {
        hue: any;
        saturation: any;
        lightness: any;
    };
    getBackgroundStyle: import("vue").ComputedRef<CSSProperties>;
    getCursorLeft: () => number;
    getCursorStyle: import("vue").ComputedRef<{
        left: string;
        top: number;
    }>;
    onClickSider: (event: Event) => void;
    onMoveBar: (event: MouseEvent) => void;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
    color: {
        type: null;
        required: false;
    };
    size: {
        type: StringConstructor;
        required: false;
        default: string;
    };
}>> & Readonly<{
    onChange?: ((...args: any[]) => any) | undefined;
}>, {
    size: string;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export default _sfc_main;