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