import {
  getCurriculumIcon,
  getCurriculumQuestionIconColor
} from "./chunk-JF7JAMOQ.js";
import {
  Box
} from "./chunk-4Y5BEXVN.js";
import {
  Typo
} from "./chunk-PMJIFLDT.js";
import {
  Flex
} from "./chunk-25HMMI7R.js";

// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-comp.tsx
import { jsx, jsxs } from "react/jsx-runtime";
function ReviewQuestionContentHeader({
  type,
  title,
  question,
  icon
}) {
  const Icon = getCurriculumIcon({ type, icon });
  return /* @__PURE__ */ jsxs(Box, { children: [
    /* @__PURE__ */ jsxs(Flex, { gap: "2", mb: "3", children: [
      /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
        Icon,
        {
          color: getCurriculumQuestionIconColor(type),
          height: "16",
          width: "16"
        }
      ) }),
      /* @__PURE__ */ jsx(Typo, { color: "gray", weight: "bold", children: title })
    ] }),
    /* @__PURE__ */ jsx(Typo, { as: "p", color: "gray", children: question })
  ] });
}

export {
  ReviewQuestionContentHeader
};
//# sourceMappingURL=chunk-COKJ53M5.js.map