import iro from '@jaames/iro';
import { LayoutDirection, WheelDirection } from '@irojs/iro-core';

interface ColorPickerLayoutDefinition {
    component: any;
    options?: any;
}
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";
}
interface WrapperOptions {
    onChangeColor: (val: iro.Color) => void;
    onChangeActiveColor: (ev: any) => void;
}
declare function ColorPicker({ options, setters }: {
    options: ColorPickerProps;
    setters: WrapperOptions;
}): JSX.Element;

export { ColorPicker };