15 lines
400 B
TypeScript
15 lines
400 B
TypeScript
|
import { Box, Flex } from "@chakra-ui/react";
|
||
|
|
import React from "react";
|
||
|
|
import { Sidebar } from "../components/Sidebar";
|
||
|
|
|
||
|
|
export function DashboardLayout({ children }: { children: React.ReactNode }) {
|
||
|
|
return (
|
||
|
|
<Flex flexWrap="wrap" h="100%">
|
||
|
|
<Box maxW="72" bg="blue.500" flex="1">
|
||
|
|
<Sidebar />
|
||
|
|
</Box>
|
||
|
|
<Box as="main" flex="2" p="10">{children}</Box>
|
||
|
|
</Flex>
|
||
|
|
);
|
||
|
|
}
|