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

FSE UI components library

import { j as e } from "./index.es237.js";
import { Avatar as x } from "./index.es28.js";
import './components/ui/CardUser/CardUser.css';/* empty css            */
import { Col as m } from "./index.es61.js";
import { Row as r } from "./index.es116.js";
const g = ({
  titleTag: l = "h1",
  userName: o,
  avatar: s,
  information: d = []
}) => /* @__PURE__ */ e.jsxs(
  m,
  {
    as: "article",
    bg: "white",
    br: "x4",
    p: "x16",
    gap: "x16",
    className: "shadow md-p-x24 md-gap-x24",
    children: [
      /* @__PURE__ */ e.jsxs(r, { as: "header", gap: "x16", alignItems: "center", children: [
        s && /* @__PURE__ */ e.jsx(
          x,
          {
            textColor: (s == null ? void 0 : s.textColor) ?? "slate-20",
            bg: (s == null ? void 0 : s.bg) ?? "lightblue-a01",
            initials: (s == null ? void 0 : s.initials) ?? "",
            className: "ui-card-doctor-avatar",
            size: "3"
          }
        ),
        /* @__PURE__ */ e.jsx(l, { className: "fs-5 fw-semibold text-slate-20", children: o })
      ] }),
      /* @__PURE__ */ e.jsx("dl", { className: "ui-card-user ", children: d.map(({ label: i, value: t }) => /* @__PURE__ */ e.jsxs("div", { children: [
        /* @__PURE__ */ e.jsx("dt", { className: "fs-6 fw-bold text-slate-28", children: i }),
        /* @__PURE__ */ e.jsx("dd", { className: "fs-6 fw-regular text-slate-28", children: t })
      ] }, i)) })
    ]
  }
);
export {
  g as CardUser
};
//# sourceMappingURL=index.es56.js.map