// ** MUI Imports import { styled } from '@mui/material/styles' import Box, { BoxProps } from '@mui/material/Box' // ** Types import { BlankLayoutWithAppBarProps } from './types' // ** AppBar Imports import AppBar from 'src/@core/layouts/components/blank-layout-with-appBar' // Styled component for Blank Layout with AppBar component const BlankLayoutWithAppBarWrapper = styled(Box)(({ theme }) => ({ height: '100vh', // For V1 Blank layout pages '& .content-center': { display: 'flex', alignItems: 'center', justifyContent: 'center', padding: theme.spacing(5), minHeight: `calc(100vh - ${theme.spacing((theme.mixins.toolbar.minHeight as number) / 4)})` }, // For V2 Blank layout pages '& .content-right': { display: 'flex', overflowX: 'hidden', position: 'relative', minHeight: `calc(100vh - ${theme.spacing((theme.mixins.toolbar.minHeight as number) / 4)})` } })) const BlankLayoutWithAppBar = (props: BlankLayoutWithAppBarProps) => { // ** Props const { children } = props return ( `calc(100vh - ${theme.spacing((theme.mixins.toolbar.minHeight as number) / 4)})` }} > {children} ) } export default BlankLayoutWithAppBar