"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Layout = void 0;
const react_1 = __importDefault(require("react"));
const Header_1 = require("./Header");
const Main_1 = require("./Main");
const Footer_1 = require("./Footer");
const Element_1 = require("./Element");
const Routes_1 = require("./Routes");
const styled_1 = __importDefault(require("@emotion/styled"));
const StyledLayout = styled_1.default.div ``;
const Layout = ({ tenant, layout }) => {
    return layout ? (<StyledLayout>
      {layout.elements &&
            layout.elements.map((element) => (<Element_1.Element key={element.id} tenant={tenant} element={element} root="Layout"/>))}
    </StyledLayout>) : (<StyledLayout>
      <Header_1.Header />
      <Main_1.Main>
        <Routes_1.Routes />
      </Main_1.Main>
      <Footer_1.Footer />
    </StyledLayout>);
};
exports.Layout = Layout;
//# sourceMappingURL=Layout.jsx.map