import { jsxs as n, jsx as s } from "react/jsx-runtime";
import { Z as d } from "./chunk-RXIM6GTA.C-ABNABt.js";
import "@sinclair/typebox";
import { _ as i } from "./twind.D_WBdNpx.js";
import { b as f } from "./use-section-style.CgktT_qE.js";
import { a as u } from "./iconify.Bxbp05s7.js";
import { u as y } from "./use-color-preset.CYlEPd2C.js";
import { B as h } from "./BrickRoot.LoA8SzjD.js";
function B({ brick: t, editable: r }) {
  const l = f(t), { props: a } = t, m = y(t), o = Array.isArray(a.links) ? a.links : [];
  return /* @__PURE__ */ n(
    h,
    {
      editable: r,
      manifest: d,
      className: i("flex justify-start items-start gap-2", Object.values(l), m.main),
      children: [
        r && o.length === 0 && /* @__PURE__ */ s("div", { className: "flex items-center justify-center p-4 border-2 border-dashed border-gray-300 dark:border-gray-600 rounded-md", children: /* @__PURE__ */ s("span", { className: "text-sm text-gray-500 dark:text-gray-400", children: "Add social links to get started" }) }),
        o.map((e, c) => /* @__PURE__ */ n(
          "a",
          {
            href: e.href,
            "data-prevented-by-editor": r ? "true" : "false",
            onClick: (p) => {
              r && p.preventDefault();
            },
            className: i("grow flex items-center gap-0.5 hover:opacity-80"),
            title: e.label || e.href,
            children: [
              e.icon && /* @__PURE__ */ s(u, { icon: e.icon, className: "text-[100%]" }),
              !a.icononly && e.label && /* @__PURE__ */ s("span", { className: "ml-1 text-nowrap", children: e.label })
            ]
          },
          c
        ))
      ]
    }
  );
}
export {
  B as default
};
//# sourceMappingURL=social-links.Cqyw7Zky.js.map
