import d from "react";
import u from "../../../../../../../../_virtual/index8.js";
var k = function(t) {
  var a = t.hsl, s = t.offset, r = t.onClick, e = r === void 0 ? function() {
  } : r, i = t.active, c = t.first, l = t.last, o = u({
    default: {
      swatch: {
        height: "12px",
        background: "hsl(" + a.h + ", 50%, " + s * 100 + "%)",
        cursor: "pointer"
      }
    },
    first: {
      swatch: {
        borderRadius: "2px 0 0 2px"
      }
    },
    last: {
      swatch: {
        borderRadius: "0 2px 2px 0"
      }
    },
    active: {
      swatch: {
        transform: "scaleY(1.8)",
        borderRadius: "3.6px/2px"
      }
    }
  }, { active: i, first: c, last: l }), n = function(h) {
    return e({
      h: a.h,
      s: 0.5,
      l: s,
      source: "hsl"
    }, h);
  };
  return d.createElement("div", { style: o.swatch, onClick: n });
};
export {
  k as SliderSwatch,
  k as default
};
//# sourceMappingURL=SliderSwatch.js.map
