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

FSE UI components library

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