import t from "react";
import i from "../../../../../../../../_virtual/index8.js";
import { SliderSwatch as c } from "./SliderSwatch.js";
var m = function(r) {
  var s = r.onClick, e = r.hsl, l = i({
    default: {
      swatches: {
        marginTop: "20px"
      },
      swatch: {
        boxSizing: "border-box",
        width: "20%",
        paddingRight: "1px",
        float: "left"
      },
      clear: {
        clear: "both"
      }
    }
  }), a = 0.1;
  return t.createElement(
    "div",
    { style: l.swatches },
    t.createElement(
      "div",
      { style: l.swatch },
      t.createElement(c, {
        hsl: e,
        offset: ".80",
        active: Math.abs(e.l - 0.8) < a && Math.abs(e.s - 0.5) < a,
        onClick: s,
        first: !0
      })
    ),
    t.createElement(
      "div",
      { style: l.swatch },
      t.createElement(c, {
        hsl: e,
        offset: ".65",
        active: Math.abs(e.l - 0.65) < a && Math.abs(e.s - 0.5) < a,
        onClick: s
      })
    ),
    t.createElement(
      "div",
      { style: l.swatch },
      t.createElement(c, {
        hsl: e,
        offset: ".50",
        active: Math.abs(e.l - 0.5) < a && Math.abs(e.s - 0.5) < a,
        onClick: s
      })
    ),
    t.createElement(
      "div",
      { style: l.swatch },
      t.createElement(c, {
        hsl: e,
        offset: ".35",
        active: Math.abs(e.l - 0.35) < a && Math.abs(e.s - 0.5) < a,
        onClick: s
      })
    ),
    t.createElement(
      "div",
      { style: l.swatch },
      t.createElement(c, {
        hsl: e,
        offset: ".20",
        active: Math.abs(e.l - 0.2) < a && Math.abs(e.s - 0.5) < a,
        onClick: s,
        last: !0
      })
    ),
    t.createElement("div", { style: l.clear })
  );
};
export {
  m as SliderSwatches,
  m as default
};
//# sourceMappingURL=SliderSwatches.js.map
