import {
  Card
} from "./chunk-2ZQK7NTN.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";
import {
  __spreadValues
} from "./chunk-N552FDTV.js";

// src/app/platform/coach-question-list.tsx
import { jsx, jsxs } from "react/jsx-runtime";
function QuestionItem({ question, answer }) {
  return /* @__PURE__ */ jsxs(Box, { children: [
    /* @__PURE__ */ jsx(Heading, { mb: "2", variant: "heading5", children: question }),
    /* @__PURE__ */ jsx(Card, { children: answer ? /* @__PURE__ */ jsx(Typo, { as: "p", children: answer }) : /* @__PURE__ */ jsx(Typo, { color: "gray", children: "\uB4F1\uB85D\uB41C \uB2F5\uBCC0\uC774 \uC5C6\uC2B5\uB2C8\uB2E4." }) })
  ] }, question);
}
function CoachQuestionList({
  questions
}) {
  return /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "8", children: questions.map((question) => {
    return /* @__PURE__ */ jsx(QuestionItem, __spreadValues({}, question), question.question);
  }) });
}

export {
  CoachQuestionList
};
//# sourceMappingURL=chunk-Y7QUPKOR.js.map