import { jsxs as s, jsx as e } from "react/jsx-runtime";
import { Container as p } from "semantic-ui-react";
import { SettingsConsumer as l } from "@devgateway/wp-react-lib";
import { Media as f } from "../utils/AppMedia.js";
import d from "./Footer.js";
import c from "./Header.js";
import u from "./TopNavigator.js";
import { CustomizerWrapper as h } from "./Customizer.js";
const x = ({ children: o, fixed: t = !1, header: r }) => /* @__PURE__ */ s(p, { fluid: !0, children: [
  /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(h, { children: r || /* @__PURE__ */ e(c, {}) }) }),
  /* @__PURE__ */ e(p, { className: "desktop", children: o }),
  /* @__PURE__ */ e(u, {})
] });
function D(o) {
  const { children: t, fixed: r, locale: C, pages: i, header: a, footer: n } = o, m = i ? i[0] : null;
  return /* @__PURE__ */ s("div", { children: [
    /* @__PURE__ */ e("style", { children: f.mediaStyles }),
    /* @__PURE__ */ e(x, { fixed: r, header: a, children: t }),
    n || (m && m.template === "noofoter.php" ? "" : /* @__PURE__ */ e(d, {}))
  ] });
}
export {
  D as default
};
