import iro from "@jaames/iro";
import { LayoutDirection, WheelDirection } from "@irojs/iro-core";
interface ColorPickerLayoutDefinition {
    component: any;
    options?: any;
}
export interface ColorPickerProps {
    width?: number;
    height?: number;
    color?: string;
    colors?: iro.Color[];
    padding?: number;
    layoutDirection?: LayoutDirection;
    borderColor?: string;
    borderWidth?: number;
    handleRadius?: number;
    activeHandleRadius?: number;
    handleSvg?: string;
    handleProps?: {
        [key: string]: any;
    };
    wheelLightness?: boolean;
    wheelAngle?: number;
    wheelDirection?: WheelDirection;
    sliderSize?: number;
    sliderMargin?: number;
    boxHeight?: number;
    layout?: ColorPickerLayoutDefinition[] | "default";
}
export interface WrapperOptions {
    onChangeColor: (val: iro.Color) => void;
    onChangeActiveColor: (ev: any) => void;
}
export default function ColorPicker({ options, setters }: {
    options: ColorPickerProps;
    setters: WrapperOptions;
}): JSX.Element;
export {};