import { jsx, jsxs } from 'react/jsx-runtime';
import { ChakraProvider, Grid, Container } from '@chakra-ui/react';
import { theme } from '../../styles/theme.js';
import Sidebar from '../Sidebar/Sidebar.js';

var __defProp = Object.defineProperty;
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __propIsEnum = Object.prototype.propertyIsEnumerable;
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
var __spreadValues = (a, b) => {
  for (var prop in b || (b = {}))
    if (__hasOwnProp.call(b, prop))
      __defNormalProp(a, prop, b[prop]);
  if (__getOwnPropSymbols)
    for (var prop of __getOwnPropSymbols(b)) {
      if (__propIsEnum.call(b, prop))
        __defNormalProp(a, prop, b[prop]);
    }
  return a;
};
function BaseLayoutWithoutProvider(props) {
  return /* @__PURE__ */ jsxs(Grid, { templateColumns: "auto 1fr", minH: "100vh", children: [
    /* @__PURE__ */ jsx(Sidebar, __spreadValues({}, props.sidebar)),
    /* @__PURE__ */ jsx(Container, { width: "full", maxWidth: "1500px", as: "main", p: "10", pt: "8", zIndex: 1, children: props.children })
  ] });
}
function BaseLayout(props) {
  return /* @__PURE__ */ jsx(ChakraProvider, { theme, children: /* @__PURE__ */ jsx(BaseLayoutWithoutProvider, __spreadValues({}, props)) });
}

export { BaseLayoutWithoutProvider, BaseLayout as default };
//# sourceMappingURL=BaseLayout.js.map
