@anoki/fse-marche-ui/dist/index.es73.js

FSE UI components library

import { j as e } from "./index.es137.js";
import './sections/WhatDoYouNeed/WhatDoYouNeed.css';/* empty css            */
import { Section as r } from "./index.es46.js";
import { Col as c } from "./index.es10.js";
import { Button as m } from "./index.es25.js";
const f = ({
  title: t,
  description: i,
  links: o,
  asLink: n = "a"
}) => /* @__PURE__ */ e.jsxs(r, { className: "base-col ui-what-do-you-need-section", children: [
  /* @__PURE__ */ e.jsxs(c, { className: "ui-what-do-you-need-content", children: [
    /* @__PURE__ */ e.jsx(r.Title, { fs: "2", children: t }),
    i && /* @__PURE__ */ e.jsx(r.Description, { children: i })
  ] }),
  /* @__PURE__ */ e.jsx(
    "ul",
    {
      role: "list",
      "aria-label": `Lista di ${t}`,
      className: "list-style-none ui-what-do-you-need-links",
      children: o == null ? void 0 : o.map(({ link: s, title: l, isNewTab: a }, d) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx(
        m,
        {
          asLink: n,
          href: s,
          size: "2",
          variant: d > 0 ? "secondary" : "primary",
          target: a ? "_blank" : void 0,
          rel: a ? "noopener noreferrer" : void 0,
          children: l
        }
      ) }, s))
    }
  )
] });
export {
  f as WhatDoYouNeed
};
//# sourceMappingURL=index.es73.js.map