import a from "react";
import l from "../../../../../../../../_virtual/index8.js";
import m from "../../../../../../lodash-es@4.17.21/node_modules/lodash-es/map.js";
import { SwatchesColor as u } from "./SwatchesColor.js";
var w = function(t) {
  var c = t.onClick, i = t.onSwatchHover, e = t.group, n = t.active, p = l({
    default: {
      group: {
        paddingBottom: "10px",
        width: "40px",
        float: "left",
        marginRight: "10px"
      }
    }
  });
  return a.createElement(
    "div",
    { style: p.group },
    m(e, function(o, r) {
      return a.createElement(u, {
        key: o,
        color: o,
        active: o.toLowerCase() === n,
        first: r === 0,
        last: r === e.length - 1,
        onClick: c,
        onSwatchHover: i
      });
    })
  );
};
export {
  w as SwatchesGroup,
  w as default
};
//# sourceMappingURL=SwatchesGroup.js.map
