"use strict";

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

var _propTypes = _interopRequireDefault(require("prop-types"));

var _react = _interopRequireDefault(require("react"));

var _common = require("react-color/lib/components/common");

var _Fields = _interopRequireDefault(require("./Fields"));

var _Pointer = _interopRequireDefault(require("./Pointer"));

var _PointerCircle = _interopRequireDefault(require("./PointerCircle"));

var _class,
    _jsxFileName = "devtools/dat-gui/components/Picker/index.js";

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

let Picker = (0, _common.ColorWrap)(_class = class Picker extends _react.default.PureComponent {
  render() {
    const _props = this.props,
          onChange = _props.onChange,
          hsl = _props.hsl,
          hsv = _props.hsv,
          hex = _props.hex,
          _props$className = _props.className,
          className = _props$className === void 0 ? '' : _props$className;
    return _react.default.createElement("div", {
      className: `picker ${className}`,
      __source: {
        fileName: _jsxFileName,
        lineNumber: 26
      },
      __self: this
    }, _react.default.createElement("div", {
      className: "saturation-wrap",
      __source: {
        fileName: _jsxFileName,
        lineNumber: 27
      },
      __self: this
    }, _react.default.createElement(_common.Saturation, {
      className: "saturation",
      hsl: hsl,
      hsv: hsv,
      pointer: _PointerCircle.default,
      onChange: onChange,
      __source: {
        fileName: _jsxFileName,
        lineNumber: 28
      },
      __self: this
    })), _react.default.createElement("div", {
      className: "body",
      __source: {
        fileName: _jsxFileName,
        lineNumber: 36
      },
      __self: this
    }, _react.default.createElement("div", {
      className: "controls",
      __source: {
        fileName: _jsxFileName,
        lineNumber: 37
      },
      __self: this
    }, _react.default.createElement("div", {
      className: "toggles",
      __source: {
        fileName: _jsxFileName,
        lineNumber: 38
      },
      __self: this
    }, _react.default.createElement("div", {
      className: "hue-wrap",
      __source: {
        fileName: _jsxFileName,
        lineNumber: 39
      },
      __self: this
    }, _react.default.createElement(_common.Hue, {
      className: "hue",
      hsl: hsl,
      pointer: _Pointer.default,
      onChange: onChange,
      __source: {
        fileName: _jsxFileName,
        lineNumber: 40
      },
      __self: this
    })))), _react.default.createElement(_Fields.default, {
      hex: hex,
      onChange: onChange,
      __source: {
        fileName: _jsxFileName,
        lineNumber: 49
      },
      __self: this
    })));
  }

}) || _class;

exports.default = Picker;
Picker.propTypes = {
  disableAlpha: _propTypes.default.bool
};
Picker.defaultProps = {
  disableAlpha: false
};