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