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

FSE UI components library

import { j as e } from "./index.es244.js";
import { ArrowRight as a } from "./index.es174.js";
import { Tag as p } from "./index.es106.js";
import { Col as x } from "./index.es10.js";
import { Row as r } from "./index.es9.js";
import { Link as f } from "./index.es99.js";
const h = ({
  title: s,
  mainTag: o = {
    label: "Tutto",
    onClick: () => {
    },
    selected: !0
  },
  tags: l,
  showAllHref: i,
  showAllLabel: c = "Scopri tutti tags",
  onTagClick: n
}) => /* @__PURE__ */ e.jsxs(x, { gap: "x28", children: [
  /* @__PURE__ */ e.jsxs(r, { alignItems: "center", justifyContent: "space-between", children: [
    /* @__PURE__ */ e.jsx("h2", { className: "title text-slate-20 fs-custom fw-bold", children: s }),
    /* @__PURE__ */ e.jsx(
      f,
      {
        transform: "uppercase",
        decoration: "fw-semibold text-primary fs-8 mr-x8 text-decoration-none",
        title: c,
        src: i ?? "",
        icon: a
      }
    )
  ] }),
  /* @__PURE__ */ e.jsx(
    r,
    {
      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(
        p,
        {
          mode: "filter",
          label: t.name ?? "",
          onClick: (t == null ? void 0 : t.onClick) ?? n,
          selected: t.selected
        },
        m
      ))
    }
  )
] });
export {
  h as TagsSection
};
//# sourceMappingURL=index.es153.js.map