https://dev.kronoz.win/r/marzneshin.git
| 1 |
0178858 |
Dawsh |
2y ago |
import { |
| 2 |
0178858 |
Dawsh |
2y ago |
Card, |
| 3 |
0178858 |
Dawsh |
2y ago |
CardContent, |
| 4 |
0178858 |
Dawsh |
2y ago |
CardFooter, |
| 5 |
0178858 |
Dawsh |
2y ago |
CardHeader, |
| 6 |
0178858 |
Dawsh |
2y ago |
CardTitle, |
| 7 |
0178858 |
Dawsh |
2y ago |
Separator, |
| 8 |
0178858 |
Dawsh |
2y ago |
} from '@marzneshin/components'; |
| 9 |
0178858 |
Dawsh |
2y ago |
import type { FC, PropsWithChildren } from 'react'; |
| 10 |
0178858 |
Dawsh |
2y ago |
|
| 11 |
0178858 |
Dawsh |
2y ago |
export interface SectionWidgetProps extends PropsWithChildren { |
| 12 |
0178858 |
Dawsh |
2y ago |
title: JSX.Element | string; |
| 13 |
0178858 |
Dawsh |
2y ago |
content?: JSX.Element | string; |
| 14 |
0178858 |
Dawsh |
2y ago |
footer?: JSX.Element | string; |
| 15 |
0178858 |
Dawsh |
2y ago |
} |
| 16 |
0178858 |
Dawsh |
2y ago |
|
| 17 |
0178858 |
Dawsh |
2y ago |
export const SectionWidget: FC<SectionWidgetProps> = ({ footer, content, children, title }) => { |
| 18 |
0178858 |
Dawsh |
2y ago |
return ( |
| 19 |
0178858 |
Dawsh |
2y ago |
<Card> |
| 20 |
0178858 |
Dawsh |
2y ago |
<CardHeader className="p-4"> |
| 21 |
0178858 |
Dawsh |
2y ago |
<CardTitle className="flex flex-row justify-start items-center gap-3 text-xl"> |
| 22 |
0178858 |
Dawsh |
2y ago |
{title} |
| 23 |
0178858 |
Dawsh |
2y ago |
</CardTitle> |
| 24 |
0178858 |
Dawsh |
2y ago |
</CardHeader> |
| 25 |
0178858 |
Dawsh |
2y ago |
<Separator /> |
| 26 |
0178858 |
Dawsh |
2y ago |
<CardContent className="p-4"> |
| 27 |
0178858 |
Dawsh |
2y ago |
{content || children} |
| 28 |
0178858 |
Dawsh |
2y ago |
</CardContent> |
| 29 |
0178858 |
Dawsh |
2y ago |
{footer && <CardFooter> {footer} </CardFooter>} |
| 30 |
0178858 |
Dawsh |
2y ago |
</Card> |
| 31 |
0178858 |
Dawsh |
2y ago |
) |
| 32 |
0178858 |
Dawsh |
2y ago |
} |