1import { FC, PropsWithChildren } from 'react'
 2import { ScrollArea } from '@marzneshin/components'
 3
 4interface PageProps extends PropsWithChildren { }
 5
 6/* WARN: The current page height which effect the scroll
 7*  area activness, is calculated based on height of header 
 8*  and margin.
 9*/
10
11export const Page: FC<PageProps> = ({ children }) => {
12    return (
13        <ScrollArea style={{ height: `calc(100vh - 4.5rem)` }} className="m-3">
14            {children}
15        </ScrollArea>
16    );
17}