import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import styled from 'styled-components';
import { Sidebar } from '../sidebar/Sidebar.component';
import { getThemePropSelector } from '../../utils';
const LateralNavbarLayoutContainer = styled.div `
  display: flex;
  flex-direction: column;
  height: 100vh;
  width: 100vw;
`;
const ContentContainer = styled.div `
  display: flex;
  flex-direction: row;
  height: 100vh;
`;
const MainContent = styled.div `
  flex-grow: 1;
  background-color: ${getThemePropSelector('backgroundLevel1')};
`;
function LateralNavbarLayout({ children, sidebar, ...rest }) {
    return (_jsx(LateralNavbarLayoutContainer, { className: "sc-lateralnavbarlayout", ...rest, children: _jsxs(ContentContainer, { children: [sidebar && _jsx(Sidebar, { ...sidebar }), _jsx(MainContent, { className: "main", children: children })] }) }));
}
export { LateralNavbarLayout };
