import n from "react";
import v from "../../../../../../../../_virtual/index9.js";
import { Alpha as f } from "../common/Alpha.js";
import "../common/Checkboard.js";
import "../common/EditableInput.js";
import "../common/Hue.js";
import "../common/Raised.js";
import "../common/Saturation.js";
import { ColorWrap as b } from "../common/ColorWrap.js";
import "../common/Swatch.js";
import { AlphaPointer as w } from "./AlphaPointer.js";
var x = Object.assign || function(i) {
  for (var r = 1; r < arguments.length; r++) {
    var t = arguments[r];
    for (var e in t)
      Object.prototype.hasOwnProperty.call(t, e) && (i[e] = t[e]);
  }
  return i;
}, p = function(r) {
  var t = r.rgb, e = r.hsl, l = r.width, h = r.height, s = r.onChange, m = r.direction, c = r.style, d = r.renderers, g = r.pointer, a = r.className, u = a === void 0 ? "" : a, o = v({
    default: {
      picker: {
        position: "relative",
        width: l,
        height: h
      },
      alpha: {
        radius: "2px",
        style: c
      }
    }
  });
  return n.createElement(
    "div",
    { style: o.picker, className: "alpha-picker " + u },
    n.createElement(f, x({}, o.alpha, {
      rgb: t,
      hsl: e,
      pointer: g,
      renderers: d,
      onChange: s,
      direction: m
    }))
  );
};
p.defaultProps = {
  width: "316px",
  height: "16px",
  direction: "horizontal",
  pointer: w
};
b(p);
export {
  p as AlphaPicker
};
//# sourceMappingURL=Alpha.js.map
