import { jsx as e } from "react/jsx-runtime";
import p from "../color-swatch/ColorSwatch.js";
const d = ({ activeColor: a, palette: s, onSwatchClick: t }) => (
  // grid-cols-8 gives 8 swatches per row; gap matches Figma spec.
  /* @__PURE__ */ e("div", { className: "grid grid-cols-8 gap-[var(--spacing-1)]", role: "group", "aria-label": "Farbpalette", children: s.map((r, i) => /* @__PURE__ */ e(
    p,
    {
      color: r,
      isActive: (a == null ? void 0 : a.toLowerCase()) === r.toLowerCase(),
      onSwatchClick: t
    },
    `${r}-${i}`
  )) })
);
d.displayName = "ColorSwatchGrid";
export {
  d as default
};
//# sourceMappingURL=ColorSwatchGrid.js.map
