import a from "react";
import p from "../../../../../../../../_virtual/index9.js";
import r from "../../../../../../../../_virtual/index7.js";
var e = function(t) {
  var o = p({
    default: {
      picker: {
        width: "20px",
        height: "20px",
        borderRadius: "22px",
        transform: "translate(-10px, -7px)",
        background: "hsl(" + Math.round(t.hsl.h) + ", 100%, 50%)",
        border: "2px white solid"
      }
    }
  });
  return a.createElement("div", { style: o.picker });
};
e.propTypes = {
  hsl: r.shape({
    h: r.number,
    s: r.number,
    l: r.number,
    a: r.number
  })
};
e.defaultProps = {
  hsl: { a: 1, h: 249.94, l: 0.2, s: 0.5 }
};
export {
  e as GooglePointer,
  e as default
};
//# sourceMappingURL=GooglePointer.js.map
