import e from "react";
import { Header as a } from "./Header.js";
import { AdminSidebar as o } from "./Sidebar/AdminSidebar.js";
import r from "../node_modules/.pnpm/twin.macro@2.8.2/node_modules/twin.macro/macro.js";
function s({ menuData: t, userData: l, subNav: c, ...n }) {
  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", {
    css: m.container({ hasBackground: !0 })
  }, /* @__PURE__ */ e.createElement(o, {
    menuData: t,
    userData: l
  }), /* @__PURE__ */ e.createElement("div", {
    tw: "flex flex-col flex-1 w-full"
  }, /* @__PURE__ */ e.createElement(a, null), /* @__PURE__ */ e.createElement("main", {
    tw: "relative flex-1 h-full p-6 overflow-y-auto min-h-content"
  }, n.children))));
}
const m = {
  container: ({ hasBackground: t }) => [
    r`relative flex h-screen bg-slate-50 dark:bg-gray-900`,
    t && r`bg-gradient-to-b from-electric to-ribbon`
  ]
};
export {
  s as AdminLayout
};
//# sourceMappingURL=AdminLayout.js.map
