gitscope
/
← marzneshin / dashboard/src/components/page/index.tsx / blame
Files Commits 446 Branches 1 Tags 43 Markers 4 README License
https://dev.kronoz.win/r/marzneshin.git
dashboard/src/components/page/index.tsx · v0.6.0
Source
1 6a4fee1 Dawsh 2y ago import { FC, PropsWithChildren, HTMLAttributes } from 'react'
2 6a4fee1 Dawsh 2y ago import {
3 6a4fee1 Dawsh 2y ago Card,
4 6a4fee1 Dawsh 2y ago CardContent,
5 6a4fee1 Dawsh 2y ago ScrollArea,
6 6a4fee1 Dawsh 2y ago CardFooter,
7 6a4fee1 Dawsh 2y ago CardHeader,
8 6a4fee1 Dawsh 2y ago CardTitle,
9 6a4fee1 Dawsh 2y ago } from '@marzneshin/components';
10 6a4fee1 Dawsh 2y ago import { cn } from '@marzneshin/utils';
11 0ef1346 Mrdn 2y ago
12 6a4fee1 Dawsh 2y ago interface PageProps {
13 6a4fee1 Dawsh 2y ago title: JSX.Element | string;
14 6a4fee1 Dawsh 2y ago content?: JSX.Element | string;
15 6a4fee1 Dawsh 2y ago footer?: JSX.Element | string;
16 6a4fee1 Dawsh 2y ago }
17 0ef1346 Mrdn 2y ago
18 6a4fee1 Dawsh 2y ago export const Page: FC<PageProps & PropsWithChildren & HTMLAttributes<HTMLDivElement>> = ({
19 6a4fee1 Dawsh 2y ago footer,
20 6a4fee1 Dawsh 2y ago content,
21 6a4fee1 Dawsh 2y ago children,
22 6a4fee1 Dawsh 2y ago title,
23 6a4fee1 Dawsh 2y ago className
24 6a4fee1 Dawsh 2y ago }) => {
25 0ef1346 Mrdn 2y ago return (
26 6a4fee1 Dawsh 2y ago <ScrollArea className="w-full h-full overflow-auto">
27 7bd6cce Mardin 2y ago <div className="flex flex-col justify-center items-center h-full w-full">
28 6a4fee1 Dawsh 2y ago <Card className="shadow-none sm:w-screen md:w-full border-none p-0 w-full h-full">
29 6a4fee1 Dawsh 2y ago <CardHeader className="border-none sm:flex-row">
30 6a4fee1 Dawsh 2y ago <CardTitle className="flex flex-row justify-start items-center text-2xl text-sans">
31 6a4fee1 Dawsh 2y ago {title}
32 6a4fee1 Dawsh 2y ago </CardTitle>
33 6a4fee1 Dawsh 2y ago </CardHeader>
34 6a4fee1 Dawsh 2y ago <CardContent className={cn("flex w-full max-w-full", className)}>
35 6a4fee1 Dawsh 2y ago {content || children}
36 6a4fee1 Dawsh 2y ago </CardContent>
37 6a4fee1 Dawsh 2y ago {footer && <CardFooter> {footer} </CardFooter>}
38 6a4fee1 Dawsh 2y ago </Card>
39 292108b Mrdn 2y ago </div>
40 0ef1346 Mrdn 2y ago </ScrollArea>
41 0ef1346 Mrdn 2y ago );
42 0ef1346 Mrdn 2y ago }