import {
  useCurriculumReviewContext
} from "./chunk-GMKRNFH5.js";
import {
  Progress
} from "./chunk-365QMK4D.js";
import {
  Grid
} from "./chunk-EGEQY3KT.js";
import {
  Flex
} from "./chunk-25HMMI7R.js";
import {
  Box
} from "./chunk-4Y5BEXVN.js";
import {
  Heading
} from "./chunk-BESTU2AY.js";
import {
  Typo
} from "./chunk-PMJIFLDT.js";

// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-header.tsx
import { jsx, jsxs } from "react/jsx-runtime";
function ReviewQuestionHeader({
  index,
  total
}) {
  const { reviewContents } = useCurriculumReviewContext();
  return /* @__PURE__ */ jsxs(Box, { height: "100%", width: "100%", children: [
    /* @__PURE__ */ jsx(Grid, { columns: "1fr 40px", width: "100%", children: /* @__PURE__ */ jsx(
      Heading,
      {
        mb: "3",
        truncate: true,
        variant: { initial: "heading5", md: "heading3" },
        children: reviewContents.title
      }
    ) }),
    /* @__PURE__ */ jsxs(Flex, { justify: "between", mb: "2", width: "100%", children: [
      /* @__PURE__ */ jsx(Typo, { color: "gray", size: { initial: "1", md: "2" }, children: "\uC9C4\uD589 \uC0C1\uD669" }),
      /* @__PURE__ */ jsxs(Typo, { color: "gray", size: { initial: "1", md: "2" }, children: [
        index + 1,
        " / ",
        total,
        " \uC644\uB8CC"
      ] })
    ] }),
    /* @__PURE__ */ jsx(Progress, { color: "iris", max: total, value: index + 1 })
  ] });
}
var review_question_header_default = ReviewQuestionHeader;

export {
  review_question_header_default
};
//# sourceMappingURL=chunk-7S3G3MQN.js.map