import React from 'react';
import { Header } from './Header';
import { Main } from './Main';
import { Footer } from './Footer';
import { Element } from './Element';
import { Routes } from './Routes';
import styled from '@emotion/styled';
const StyledLayout = styled.div ``;
export const Layout = ({ tenant, layout }) => {
    return layout ? (<StyledLayout>
      {layout.elements &&
            layout.elements.map((element) => (<Element key={element.id} tenant={tenant} element={element} root="Layout"/>))}
    </StyledLayout>) : (<StyledLayout>
      <Header />
      <Main>
        <Routes />
      </Main>
      <Footer />
    </StyledLayout>);
};
//# sourceMappingURL=Layout.jsx.map