import { jsx as i } from "react/jsx-runtime";
import { l as s } from "./index.C1ZfizMq.js";
import { s as n } from "./social.D59qnHFn.js";
import { a } from "./SocialIcon.B0ronCv9.js";
import * as r from "react";
const c = (t) => /* @__PURE__ */ r.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", ...t }, /* @__PURE__ */ r.createElement("rect", { x: 2.76831, y: 2.09424, width: 19, height: 19, rx: 3.5, stroke: "white", strokeDasharray: "4 4" }));
function y({
  icons: t
}) {
  return /* @__PURE__ */ i(
    s,
    {
      values: t.filter((e) => p(e)),
      type: (e) => e ? "icon" : "empty",
      layouts: {
        icon: (e, o) => /* @__PURE__ */ i(a, { social: e, mode: "mono" }, o),
        empty: (e, o) => /* @__PURE__ */ i(
          c,
          {
            width: 24,
            height: 24,
            "data-testid": "empty-preview-icon"
          },
          `empty-${o}`
        )
      }
    }
  );
}
const m = Object.keys(n);
function p(t) {
  return t === void 0 || m.includes(t);
}
export {
  y as S
};
