import {
  infoList,
  renderDataListItem,
  renderItem,
  sessionList
} from "./chunk-P3IQELLW.js";
import {
  DataList
} from "./chunk-VTJZMOSP.js";
import {
  Separator
} from "./chunk-HYITAA4J.js";
import {
  Card
} from "./chunk-2ZQK7NTN.js";
import {
  Grid
} from "./chunk-EGEQY3KT.js";
import {
  Box
} from "./chunk-4Y5BEXVN.js";
import {
  Flex
} from "./chunk-25HMMI7R.js";
import {
  Heading
} from "./chunk-HK224ADT.js";
import {
  Typo
} from "./chunk-52MVZ6AN.js";

// src/app/platform/userInfos/coaching-customer-info/medium.tsx
import { jsx, jsxs } from "react/jsx-runtime";
function CoachingCustomerInfoMedium({
  customer,
  session,
  children,
  badge
}) {
  return /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "5", children: [
    /* @__PURE__ */ jsxs(Box, { children: [
      /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "between", mb: "1", width: "100%", children: [
        /* @__PURE__ */ jsx(Heading, { variant: "heading2", children: (customer == null ? void 0 : customer.username) || "\uC774\uB984 \uC5C6\uC74C" }),
        badge
      ] }),
      /* @__PURE__ */ jsx(Heading, { truncate: true, variant: "heading4", weight: "regular", children: customer == null ? void 0 : customer.company })
    ] }),
    children,
    /* @__PURE__ */ jsx(Card, { size: "2", children: /* @__PURE__ */ jsx(DataList.Root, { orientation: "vertical", children: sessionList.map((el) => renderDataListItem(el, session)) }) }),
    /* @__PURE__ */ jsxs(Grid, { align: "center", columns: "auto 1fr", gap: "3", children: [
      /* @__PURE__ */ jsx(Heading, { variant: "heading5", children: "\uACE0\uAC1D \uC815\uBCF4" }),
      /* @__PURE__ */ jsx(Separator, { size: "4" })
    ] }),
    /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "4", children: infoList.map((el) => {
      return /* @__PURE__ */ jsx(Typo, { children: renderItem(el, customer) }, el.label);
    }) })
  ] });
}

export {
  CoachingCustomerInfoMedium
};
//# sourceMappingURL=chunk-I5NKXTH5.js.map