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

FSE UI components library

import { j as e } from "./index.es237.js";
import { ArrowRight as a } from "./index.es167.js";
import { Col as p } from "./index.es61.js";
import { Row as s } from "./index.es116.js";
import { Link as x } from "./index.es105.js";
import { Tag as f } from "./index.es134.js";
const h = ({
  title: r,
  mainTag: o = {
    label: "Tutto",
    onClick: () => {
    },
    selected: !0
  },
  tags: l,
  showAllHref: i,
  showAllLabel: c = "Scopri tutti tags",
  onTagClick: n
}) => /* @__PURE__ */ e.jsxs(p, { gap: "x28", children: [
  /* @__PURE__ */ e.jsxs(s, { alignItems: "center", justifyContent: "space-between", children: [
    r && /* @__PURE__ */ e.jsx("h2", { className: "title text-slate-20 fs-custom fw-bold", children: r }),
    /* @__PURE__ */ e.jsx(
      x,
      {
        transform: "uppercase",
        decoration: "fw-semibold text-primary fs-8 mr-x8 text-decoration-none",
        title: c,
        src: i ?? "",
        icon: a
      }
    )
  ] }),
  /* @__PURE__ */ e.jsx(
    s,
    {
      alignItems: "center",
      className: "overflow-auto w-auto",
      gap: "x16",
      flexWrap: "wrap",
      children: [
        {
          name: o.label,
          selected: o.selected,
          onClick: o.onClick
        },
        ...l
      ].map((t, m) => /* @__PURE__ */ e.jsx(
        f,
        {
          mode: "filter",
          label: t.name ?? "",
          onClick: (t == null ? void 0 : t.onClick) ?? n,
          selected: t.selected
        },
        m
      ))
    }
  )
] });
export {
  h as TagsSection
};
//# sourceMappingURL=index.es157.js.map