declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
    color: {
        type: null;
        required: false;
    };
}>, {
    boardElementRef: import("vue").Ref<null, null>;
    props: any;
    emit: (event: "change", ...args: any[]) => void;
    instance: import("vue").ComponentInternalInstance | null;
    hueHsv: {
        h: any;
        s: number;
        v: number;
    };
    hueColor: string;
    state: {
        hueColor: string;
        saturation: any;
        brightness: any;
    };
    cursorTop: import("vue").Ref<number, number>;
    cursorLeft: import("vue").Ref<number, number>;
    cursorElement: import("vue").Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
    boardElement: import("vue").Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
    updatePosition: () => void;
    getCursorStyle: import("vue").ComputedRef<{
        top: string;
        left: string;
    }>;
    onClickBoard: (event: Event) => void;
    handleDrag: (event: MouseEvent) => void;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
    color: {
        type: null;
        required: false;
    };
}>> & Readonly<{
    onChange?: ((...args: any[]) => any) | undefined;
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export default _sfc_main;