@gechiui/components/build-module/color-picker/picker.js

UI components for GeChiUI.

import { createElement } from "@gechiui/element";

/**
 * External dependencies
 */
import { RgbStringColorPicker, RgbaStringColorPicker } from 'react-colorful';
import { colord } from 'colord';
/**
 * GeChiUI dependencies
 */

import { useMemo } from '@gechiui/element';
export const Picker = _ref => {
  let {
    color,
    enableAlpha,
    onChange
  } = _ref;
  const Component = enableAlpha ? RgbaStringColorPicker : RgbStringColorPicker;
  const rgbColor = useMemo(() => color.toRgbString(), [color]);
  return createElement(Component, {
    color: rgbColor,
    onChange: nextColor => {
      onChange(colord(nextColor));
    }
  });
};
//# sourceMappingURL=picker.js.map