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

FSE UI components library

import { j as e } from "./index.es237.js";
import { Col as a } from "./index.es61.js";
import "./index.es.js";
import { Divider as l } from "./index.es72.js";
import './components/ui/CardBanner/CardBanner.css';/* empty css            */
import { ActionIconText as o } from "./index.es18.js";
import { Row as x } from "./index.es116.js";
import { ArrowLink as c } from "./index.es25.js";
const b = ({
  actions: s,
  description: d,
  title: m,
  link: r,
  firstStatusLabel: i,
  secondStatusLabel: t,
  personalStatusLabel: n
}) => /* @__PURE__ */ e.jsxs(a, { className: "ui-card-banner", py: "x24", children: [
  /* @__PURE__ */ e.jsxs(x, { gap: "x16", px: "x24", flexWrap: "wrap", children: [
    n && /* @__PURE__ */ e.jsx(
      "div",
      {
        className: "px-x16 py-x4 bg-status-secondary rounded text-white ",
        children: /* @__PURE__ */ e.jsx("span", { className: "text-white fs-7 fw-semibold fs-7", children: n })
      }
    ),
    i && /* @__PURE__ */ e.jsx("div", { className: "px-x16 py-x4 bg-primary rounded text-white ", children: /* @__PURE__ */ e.jsx("span", { className: "text-white fs-7 fw-semibold fs-7", children: i }) }),
    t && /* @__PURE__ */ e.jsx("div", { className: "px-x16 py-x4 bg-status-warning rounded text-white ", children: /* @__PURE__ */ e.jsx("span", { className: "text-white fs-7 fw-semibold fs-7", children: t }) })
  ] }),
  /* @__PURE__ */ e.jsxs(a, { px: "x24", gap: "x16", children: [
    /* @__PURE__ */ e.jsx("h1", { className: "title", children: m }),
    /* @__PURE__ */ e.jsx("div", { className: "description", children: d }),
    !!r && /* @__PURE__ */ e.jsx(x, { justifyContent: "flex-end ", children: /* @__PURE__ */ e.jsx(c, { href: r.link, isExternal: r.isExternal, children: r.title }) })
  ] }),
  !!s && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
    /* @__PURE__ */ e.jsx(l, { bg: "border-divider", className: "my-x24" }),
    /* @__PURE__ */ e.jsx(
      x,
      {
        justifyContent: "flex-end",
        gap: "x16",
        px: "x24",
        flexWrap: "wrap",
        className: "ui-actions-wrapper",
        children: s == null ? void 0 : s.map((p) => /* @__PURE__ */ e.jsx(
          o,
          {
            classNameComponent: "action-icon-text",
            ...p
          }
        ))
      }
    )
  ] })
] });
export {
  b as CardBanner
};
//# sourceMappingURL=index.es35.js.map