import r from "react";
import l, { l as p } from "../../../../../../../../_virtual/index9.js";
import "../common/Alpha.js";
import "../common/Checkboard.js";
import "../common/EditableInput.js";
import "../common/Hue.js";
import "../common/Raised.js";
import "../common/Saturation.js";
import "../../../../../../tinycolor2@1.6.0/node_modules/tinycolor2/esm/tinycolor.js";
import n from "../common/Swatch.js";
var m = function(o) {
  var e = o.hover, a = o.color, i = o.onClick, c = o.onSwatchHover, t = {
    position: "relative",
    zIndex: "2",
    outline: "2px solid #fff",
    boxShadow: "0 0 5px 2px rgba(0,0,0,0.25)"
  }, h = l({
    default: {
      swatch: {
        width: "25px",
        height: "25px",
        fontSize: "0"
      }
    },
    hover: {
      swatch: t
    }
  }, { hover: e });
  return r.createElement(
    "div",
    { style: h.swatch },
    r.createElement(n, {
      color: a,
      onClick: i,
      onHover: c,
      focusStyle: t
    })
  );
};
const k = p.handleHover(m);
export {
  m as GithubSwatch,
  k as default
};
//# sourceMappingURL=GithubSwatch.js.map
