import { jsxs as n, jsx as t } from "react/jsx-runtime";
import { ba as d } from "./use-page-data.BYLN5MSa.js";
import { a as l } from "./twind.Cg2g8xBZ.js";
import { b as f } from "./use-section-style.CqWLdjop.js";
import { a as p } from "./iconify.tQTbL8nt.js";
import { B as y } from "./BrickRoot.CQgjTuOI.js";
function j({ brick: a, editable: r }) {
  const c = f(a), { props: s } = a, o = Array.isArray(s.links) ? s.links : [];
  return /* @__PURE__ */ n(
    y,
    {
      brick: a,
      editable: r,
      manifest: d,
      className: l("flex justify-start items-start gap-2", Object.values(c)),
      children: [
        r && o.length === 0 && /* @__PURE__ */ t("div", { className: "flex items-center justify-center p-4 border-2 border-dashed border-gray-300 dark:border-gray-600 rounded-md", children: /* @__PURE__ */ t("span", { className: "text-sm text-gray-500 dark:text-gray-400", children: "Add social links to get started" }) }),
        o.map((e, i) => /* @__PURE__ */ n(
          "a",
          {
            href: e.href,
            "data-prevented-by-editor": r ? "true" : "false",
            onClick: (m) => {
              r && m.preventDefault();
            },
            className: l("grow flex items-center gap-0.5 hover:opacity-80"),
            title: e.label || e.href,
            children: [
              e.icon && /* @__PURE__ */ t(p, { icon: e.icon, className: "text-[100%]" }),
              !s.iconOnly && e.label && /* @__PURE__ */ t("span", { className: "ml-1 text-nowrap", children: e.label })
            ]
          },
          i
        ))
      ]
    }
  );
}
export {
  j as default
};
