import {
  Grid
} from "./chunk-EGEQY3KT.js";
import {
  Separator
} from "./chunk-HYITAA4J.js";
import {
  Flex
} from "./chunk-25HMMI7R.js";
import {
  Box
} from "./chunk-4Y5BEXVN.js";
import {
  __spreadValues
} from "./chunk-CRTRMMJ7.js";

// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-layout.tsx
import { jsx, jsxs } from "react/jsx-runtime";
function AlignCenter(props) {
  return /* @__PURE__ */ jsx(
    Flex,
    __spreadValues({
      align: "center",
      height: "100%",
      justify: "center",
      width: "100%"
    }, props)
  );
}
function ReviewQuestionLayout({
  Header,
  Body,
  Footer
}) {
  return /* @__PURE__ */ jsxs(
    Grid,
    {
      align: "center",
      columns: "1fr",
      height: "100%",
      justify: "center",
      rows: {
        initial: "92px 1px 1fr 1px 56px",
        md: "112px 1px 1fr 1px 56px"
      },
      width: "100%",
      children: [
        /* @__PURE__ */ jsx(AlignCenter, { pb: "3", pt: "4", px: "4", children: /* @__PURE__ */ jsx(Box, { maxWidth: "650px", width: "100%", children: Header }) }),
        /* @__PURE__ */ jsx(Separator, { size: "4" }),
        /* @__PURE__ */ jsx(
          AlignCenter,
          {
            p: "3",
            style: { backgroundColor: "var(--gray-2)", zIndex: 0 },
            children: /* @__PURE__ */ jsx(Box, { height: "100%", maxWidth: "650px", width: "100%", children: Body })
          }
        ),
        /* @__PURE__ */ jsx(Separator, { size: "4" }),
        /* @__PURE__ */ jsx(AlignCenter, { px: "4", py: "3", children: /* @__PURE__ */ jsx(Box, { maxWidth: "650px", width: "100%", children: Footer }) })
      ]
    }
  );
}
var review_question_layout_default = ReviewQuestionLayout;

export {
  review_question_layout_default
};
//# sourceMappingURL=chunk-NKRASPWM.js.map