@anoki/fse-ui/dist/index.es142.js

FSE UI components library

import { j as o } from "./index.es237.js";
import { clsx as m } from "./index.es239.js";
import { RichText as c } from "./index.es143.js";
import './sections/WhatDoYouNeed/WhatDoYouNeed.css';/* empty css            */
import { Section as p, SectionHeading as u } from "./index.es123.js";
import { Col as h } from "./index.es61.js";
import { Button as x } from "./index.es32.js";
const B = ({
  title: r,
  description: t,
  links: e,
  asLink: s = "a",
  showBlueBackground: n = !1
}) => /* @__PURE__ */ o.jsxs(
  p,
  {
    className: `base-col ui-what-do-you-need-section ${n ? "blue-background" : ""}`,
    children: [
      /* @__PURE__ */ o.jsx(h, { className: "ui-what-do-you-need-content", children: /* @__PURE__ */ o.jsx(
        u,
        {
          title: r,
          fs: "2",
          mdFs: "1",
          color: "slate-20",
          titleMarginBottom: "0",
          descriptionMarginBottom: "0",
          description: t ? /* @__PURE__ */ o.jsx(c, { description: t }) : void 0
        }
      ) }),
      /* @__PURE__ */ o.jsx(
        "ul",
        {
          role: "list",
          "aria-label": `Lista di ${r}`,
          className: m(
            "list-style-none ui-what-do-you-need-links",
            e.length < 4 ? "row" : "grid"
          ),
          children: e == null ? void 0 : e.map(({ link: i, title: d, isNewTab: a }, l) => /* @__PURE__ */ o.jsx("li", { children: /* @__PURE__ */ o.jsx(
            x,
            {
              asLink: s,
              href: i,
              size: "2",
              variant: l > 0 ? "secondary" : "primary",
              target: a ? "_blank" : void 0,
              rel: a ? "noopener noreferrer" : void 0,
              children: d
            }
          ) }, i))
        }
      )
    ]
  }
);
export {
  B as WhatDoYouNeed
};
//# sourceMappingURL=index.es142.js.map