import s from "react";
import v from "../../../../../../../../_virtual/index7.js";
import y from "../../../../../../../../_virtual/index9.js";
import C from "../../../../../../lodash-es@4.17.21/node_modules/lodash-es/merge.js";
import "../common/Alpha.js";
import "../common/Checkboard.js";
import "../common/EditableInput.js";
import { Hue as P } from "../common/Hue.js";
import "../common/Raised.js";
import "../common/Saturation.js";
import { ColorWrap as w } from "../common/ColorWrap.js";
import "../common/Swatch.js";
import { SliderPointer as x } from "./HuePointer.js";
var N = Object.assign || function(i) {
  for (var e = 1; e < arguments.length; e++) {
    var t = arguments[e];
    for (var r in t)
      Object.prototype.hasOwnProperty.call(t, r) && (i[r] = t[r]);
  }
  return i;
}, o = function(e) {
  var t = e.width, r = e.height, h = e.onChange, l = e.hsl, m = e.direction, c = e.pointer, n = e.styles, d = n === void 0 ? {} : n, a = e.className, u = a === void 0 ? "" : a, p = y(C({
    default: {
      picker: {
        position: "relative",
        width: t,
        height: r
      },
      hue: {
        radius: "2px"
      }
    }
  }, d)), f = function(g) {
    return h({ a: 1, h: g.h, l: 0.5, s: 1 });
  };
  return s.createElement(
    "div",
    { style: p.picker, className: "hue-picker " + u },
    s.createElement(P, N({}, p.hue, {
      hsl: l,
      pointer: c,
      onChange: f,
      direction: m
    }))
  );
};
o.propTypes = {
  styles: v.object
};
o.defaultProps = {
  width: "316px",
  height: "16px",
  direction: "horizontal",
  pointer: x,
  styles: {}
};
w(o);
export {
  o as HuePicker
};
//# sourceMappingURL=Hue.js.map
