@anoki/fse-ui
Version:
FSE UI components library
79 lines (78 loc) • 2.21 kB
JavaScript
import { j as e } from "./index.es180.js";
import { clsx as t } from "./index.es182.js";
import { ActionIconText as n } from "./index.es59.js";
import './components/ui/NotificationsSettingsHeader/NotificationsSettingsHeader.css';/* empty css */
import { Info as r } from "./index.es153.js";
const m = ({
className: s,
...a
}) => {
const o = [
{
label: "Categoria notifica",
noIcon: !0,
isFlex: !0
},
{
label: "SMS",
fixedWidth: !0,
popupInfo: {
title: "SMS",
description: "SMS come metodo di notifica",
isOpen: !1,
onClickCloseBtn: () => {
}
}
},
{
label: "Email",
fixedWidth: !0,
popupInfo: {
title: "Email",
description: "Email come metodo di notifica",
isOpen: !1,
onClickCloseBtn: () => {
}
}
}
];
return /* @__PURE__ */ e.jsxs("div", { children: [
/* @__PURE__ */ e.jsx("div", { className: t(s), ...a, children: /* @__PURE__ */ e.jsx("tr", { className: "w-full flex", children: o.map((i, l) => /* @__PURE__ */ e.jsx(
"th",
{
className: t(
"table-header-divider-cell w-full",
i.isFlex ? "flex-1" : "flex-none"
),
children: /* @__PURE__ */ e.jsx(
"div",
{
className: t(
"table__cell--header--content",
i.fixedWidth ? "table-header-fixed-width " : ""
),
children: /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
n,
{
classNameText: "text-grey-black",
noIcon: i.noIcon,
icon: /* @__PURE__ */ e.jsx(r, {}),
textLabel: i.label,
iconPosition: "right",
popupInfo: i.popupInfo,
positionPopUp: o.length === l + 1 ? "left" : "right"
}
) })
}
)
},
`${i.label}-${l}`
)) }) }),
/* @__PURE__ */ e.jsx("div", { className: "table-header-divider" })
] });
};
export {
m as NotificationsSettingsHeader,
m as default
};
//# sourceMappingURL=index.es70.js.map