@wordpress/components/build/color-picker/picker.js

UI components for WordPress.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Picker = void 0;

var _element = require("@wordpress/element");

var _reactColorful = require("react-colorful");

var _colord = require("colord");

/**
 * External dependencies
 */

/**
 * WordPress dependencies
 */
const Picker = _ref => {
  let {
    color,
    enableAlpha,
    onChange
  } = _ref;
  const Component = enableAlpha ? _reactColorful.RgbaStringColorPicker : _reactColorful.RgbStringColorPicker;
  const rgbColor = (0, _element.useMemo)(() => color.toRgbString(), [color]);
  return (0, _element.createElement)(Component, {
    color: rgbColor,
    onChange: nextColor => {
      onChange((0, _colord.colord)(nextColor));
    }
  });
};

exports.Picker = Picker;
//# sourceMappingURL=picker.js.map