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

// src/molecules/curriculumV2/curriculum-v2-layout.tsx
import { jsx, jsxs } from "react/jsx-runtime";
function CurriculumV2Layout(props) {
  const { NavBar, Contents, SideBar, SideNav, style } = props;
  return /* @__PURE__ */ jsxs(Grid, { align: "center", height: "100%", rows: "auto 1px 1fr", style, width: "100%", children: [
    /* @__PURE__ */ jsx(
      Flex,
      {
        align: "center",
        height: { initial: "40px", md: "64px" },
        width: "100%",
        children: NavBar
      }
    ),
    /* @__PURE__ */ jsx(Separator, { size: "4" }),
    /* @__PURE__ */ jsx(
      Flex,
      {
        align: "center",
        height: "100%",
        justify: "center",
        overflow: "hidden",
        width: "100%",
        children: /* @__PURE__ */ jsxs(
          Grid,
          {
            columns: { initial: "1", md: "1fr 340px" },
            height: "100%",
            maxWidth: "1440px",
            rows: { initial: "auto 1fr", md: "auto" },
            width: "100%",
            children: [
              /* @__PURE__ */ jsxs(Box, { height: "100%", width: "100%", children: [
                /* @__PURE__ */ jsx(AspectRatio, { ratio: 16 / 9, children: Contents }),
                SideNav
              ] }),
              SideBar
            ]
          }
        )
      }
    )
  ] });
}

export {
  CurriculumV2Layout
};
//# sourceMappingURL=chunk-CDISXZHZ.js.map