import { jsxs as d, jsx as e } from "react/jsx-runtime";
import { Box as r } from "@mui/material";
import { InfoType as t } from "../types.js";
import f from "../Content/minimal.js";
import c from "../Content/basic.js";
function y({ ...n }) {
  const {
    user: i,
    avatarSize: s = 40,
    renderCustomContent: o,
    infoType: m = t.Minimal,
    renderFields: a,
    popupRenderFields: p,
    ...l
  } = n;
  return /* @__PURE__ */ d(
    r,
    {
      sx: {
        display: "flex",
        flexDirection: "column",
        width: "100%",
        flex: 1,
        height: "100%"
      },
      children: [
        /* @__PURE__ */ e(f, { user: i, avatarSize: s, ...l }),
        m === t.Basic && /* @__PURE__ */ e(c, { user: i, renderFields: a }),
        /* @__PURE__ */ e(r, { className: "user-card__footer", children: o && /* @__PURE__ */ e(r, { sx: { mt: 1.5 }, children: o() }) })
      ]
    }
  );
}
export {
  y as default
};
