text: /* @flow */
  
  export type ColorType = {
    _hue: number,
    _saturation: number,
    _value: number,
    _alpha: number,
    enableAlpha: boolean,
    format: string,
    value: string,
    set: (props: string, value: mixed) => void,
    get: (props: string) => mixed,
    toRgb: () => { r: number, g: number, b: number },
    fromString: (value: string) => void,
    doOnChange: () => void
  };
  
  export type ColorPickerState = {
    value: string,
    color: ColorType,
    showPicker: false,
    showPanelColor: false
  };
  
  export type AlphaSliderState = {
    thumbLeft: number,
    thumbTop: number,
    background: ?string
  };
  
  export type HueSliderState = {
    thumbLeft: number,
    thumbTop: number
  };
  
  export type SvPanelState = {
    cursorTop: number,
    cursorLeft: number,
    background: string
  };
  
  export type DragOptions = {
    drag: (event: SyntheticMouseEvent<any>) => void,
    end: (event: SyntheticMouseEvent<any>) => void
  };
  