import {
  Grid
} from "./chunk-EGEQY3KT.js";
import {
  Heading
} from "./chunk-HK224ADT.js";
import {
  Box
} from "./chunk-4Y5BEXVN.js";
import {
  Typo
} from "./chunk-52MVZ6AN.js";
import {
  Flex
} from "./chunk-25HMMI7R.js";

// src/app/platform/userInfos/coaching-customer-info/small.tsx
import { jsx, jsxs } from "react/jsx-runtime";
function CoachingCustomerInfoSmall({
  customer,
  children,
  badge
}) {
  return /* @__PURE__ */ jsxs(
    Flex,
    {
      direction: { initial: "column", xs: "row" },
      gap: "3",
      justify: "between",
      children: [
        /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Grid, { align: "center", columns: "auto auto 1fr", gapX: "3", children: [
          /* @__PURE__ */ jsx(Heading, { variant: "heading3", children: (customer == null ? void 0 : customer.username) || "\uC774\uB984 \uC5C6\uC74C" }),
          /* @__PURE__ */ jsx(Typo, { color: "gray", truncate: true, variant: "body", children: customer == null ? void 0 : customer.company }),
          /* @__PURE__ */ jsx(Box, { style: { justifySelf: "end" }, children: badge })
        ] }) }),
        children
      ]
    }
  );
}

export {
  CoachingCustomerInfoSmall
};
//# sourceMappingURL=chunk-S3F7WBI2.js.map