@anoki/fse-ui
Version:
FSE UI components library
53 lines (52 loc) • 1.7 kB
JavaScript
import { j as i } from "./index.es237.js";
import './sections/LatestClinicalParameters/LatestClinicalParametersSection.css';/* empty css */
import { LatestCardClinicalData as d } from "./index.es38.js";
import { SectionHeading as p } from "./index.es123.js";
import { ArrowLink as x } from "./index.es25.js";
const v = ({
sectionId: t,
title: r = "Ultimi parametri rilevati",
linkHref: a,
linkLabel: s = "Scopri tutti",
asLink: o = "a",
parameters: e = []
}) => {
const l = t ? `${t}-title` : void 0, c = (e == null ? void 0 : e.slice(0, 3)) ?? [];
return /* @__PURE__ */ i.jsxs(
"section",
{
id: t,
"aria-labelledby": l,
className: "latest-clinical-parameters section-gap flex-column",
children: [
/* @__PURE__ */ i.jsx(
p,
{
color: "slate-20",
title: r,
titleId: l,
className: "latest-clinical-parameters-heading",
mdFs: "2",
fs: "4",
titleMarginBottom: "mb-x12",
descriptionMarginBottom: "mb-x0",
children: a && /* @__PURE__ */ i.jsx(x, { href: a, asLink: o, fs: "7", children: s.toUpperCase() })
}
),
/* @__PURE__ */ i.jsx("div", { className: "latest-clinical-parameters-grid", role: "list", children: c.map((m, n) => /* @__PURE__ */ i.jsx(
"div",
{
role: "listitem",
className: "latest-clinical-parameters-grid-item",
children: /* @__PURE__ */ i.jsx(d, { ...m })
},
n
)) })
]
}
);
};
export {
v as LatestClinicalParametersSection
};
//# sourceMappingURL=index.es156.js.map