import {
  infoList,
  renderDataListItem,
  sessionList
} from "./chunk-5RZKF2WC.js";
import {
  Grid
} from "./chunk-EGEQY3KT.js";
import {
  DataList
} from "./chunk-VTJZMOSP.js";
import {
  Heading
} from "./chunk-2UCHZO4O.js";
import {
  Separator
} from "./chunk-HYITAA4J.js";
import {
  Box
} from "./chunk-4Y5BEXVN.js";
import {
  Flex
} from "./chunk-25HMMI7R.js";

// src/app/platform/userInfos/session-user-info-detail.tsx
import { jsx, jsxs } from "react/jsx-runtime";
function SectionWrapper({
  title,
  children
}) {
  return /* @__PURE__ */ jsxs(Box, { children: [
    /* @__PURE__ */ jsxs(Grid, { align: "center", columns: "auto 1fr", gap: "3", mb: "5", children: [
      /* @__PURE__ */ jsx(Heading, { variant: "heading5", children: title }),
      /* @__PURE__ */ jsx(Separator, { size: "4" })
    ] }),
    children
  ] });
}
function SessionUserInfoDetail({
  customer,
  session,
  onClickCopy
}) {
  return /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "6", children: [
    /* @__PURE__ */ jsx(SectionWrapper, { title: "\uC138\uC158 \uC815\uBCF4", children: /* @__PURE__ */ jsx(DataList.Root, { children: sessionList.map(
      (info) => renderDataListItem({ info, data: session, onClickCopy })
    ) }) }),
    /* @__PURE__ */ jsx(SectionWrapper, { title: "\uD68C\uC6D0 \uC815\uBCF4", children: /* @__PURE__ */ jsx(DataList.Root, { children: infoList.map(
      (info) => renderDataListItem({ info, data: customer, onClickCopy })
    ) }) })
  ] });
}

export {
  SessionUserInfoDetail
};
//# sourceMappingURL=chunk-OVHRWPVW.js.map