import {
  infoList,
  renderDataListItem,
  sessionList
} from "./chunk-QUHTO7MY.js";
import {
  DataList
} from "./chunk-VTJZMOSP.js";
import {
  Heading
} from "./chunk-HJB3AASV.js";
import {
  Separator
} from "./chunk-HYITAA4J.js";
import {
  Flex
} from "./chunk-25HMMI7R.js";
import {
  Card
} from "./chunk-2ZQK7NTN.js";
import {
  Box
} from "./chunk-4Y5BEXVN.js";

// src/app/platform/userInfos/coaching-customer-info/large.tsx
import { jsx, jsxs } from "react/jsx-runtime";
function CoachingCustomerInfoLarge({
  customer,
  session,
  children,
  badge,
  onClickCopy
}) {
  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, { children: sessionList.map(
      (el) => renderDataListItem({
        info: el,
        data: session,
        onClickCopy
      })
    ) }) }),
    /* @__PURE__ */ jsx(Separator, { size: "4" }),
    /* @__PURE__ */ jsx(DataList.Root, { children: infoList.map(
      (info) => renderDataListItem({
        info,
        data: customer,
        onClickCopy
      })
    ) })
  ] });
}

export {
  CoachingCustomerInfoLarge
};
//# sourceMappingURL=chunk-QIY5KHBO.js.map