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="sm:w-screen md:p-3 md:w-[100%]">
14            <div className="flex flex-col justify-center items-center h-full sm:w-screen md:w-[100%]">
15                {children}
16            </div>
17        </ScrollArea>
18    );
19}