Function MainLayout

frontend/src/components/Layout/MainLayout.tsx:7–37

()

import Header from './Header';

const MainLayout = () => (
  <Flex height="100vh" direction="row" overflow="hidden" bg="#fff">
    <Box width={{ base: '100px', md: '320px' }} bg="#fff" boxShadow="md" zIndex={5}>
      <FilesSidebar />
    </Box>
    <Box
      flex="1"
      display="flex"
      flexDirection="column"
      minWidth={0}
      height="100vh"
      overflow="hidden"
    >
      <Header />
      <Box
        w="100%"
        maxW="900px"
        mx="auto"
        display="flex"
        flexDirection="column"
        flex="1"
        minHeight={0}
        overflow="hidden"
        px={{ base: 2, sm: 4, md: 8 }}
        py={{ base: 2, md: 6 }}
      >
        <ChatArea />
      </Box>
    </Box>
  </Flex>
);

export default MainLayout;