1
0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2025-02-22 18:42:23 +01:00
developer-roadmap/components/page-wrapper.tsx
2021-12-09 13:25:01 +01:00

17 lines
369 B
TypeScript

import React from 'react';
import { Box } from '@chakra-ui/react';
type PageWrapperProps = {
children: React.ReactNode;
}
export function PageWrapper(props: PageWrapperProps) {
const { children } = props;
return (
<Box bgColor='brand.bg' bgImage='url(/bg.jpg)' bgRepeat='no-repeat' bgSize='100%' w='100%' minH='100vh'>
{ children }
</Box>
);
}