https://dev.kronoz.win/r/marzneshin.git
| 1 |
56b916e |
Mardin |
2y ago |
import { Info, TriangleAlert, OctagonAlert } from 'lucide-react'; |
| 2 |
56b916e |
Mardin |
2y ago |
import { |
| 3 |
56b916e |
Mardin |
2y ago |
Alert, |
| 4 |
56b916e |
Mardin |
2y ago |
AlertDescription, |
| 5 |
56b916e |
Mardin |
2y ago |
AlertTitle, |
| 6 |
56b916e |
Mardin |
2y ago |
} from '@marzneshin/components'; |
| 7 |
56b916e |
Mardin |
2y ago |
|
| 8 |
56b916e |
Mardin |
2y ago |
export const AlertCard = ({ title, desc, variant = "default" }: { variant?: "warning" | "default" | "destructive", title: string | JSX.Element, desc: string | JSX.Element }) => { |
| 9 |
56b916e |
Mardin |
2y ago |
const Icon = variant === "warning" ? TriangleAlert : (variant === "destructive" ? OctagonAlert : Info) |
| 10 |
56b916e |
Mardin |
2y ago |
return ( |
| 11 |
56b916e |
Mardin |
2y ago |
<Alert variant={variant}> |
| 12 |
56b916e |
Mardin |
2y ago |
<Icon className="mr-2" /> |
| 13 |
56b916e |
Mardin |
2y ago |
<AlertTitle className="font-semibold">{title}</AlertTitle> |
| 14 |
56b916e |
Mardin |
2y ago |
<AlertDescription> |
| 15 |
56b916e |
Mardin |
2y ago |
{desc} |
| 16 |
56b916e |
Mardin |
2y ago |
</AlertDescription> |
| 17 |
56b916e |
Mardin |
2y ago |
</Alert> |
| 18 |
56b916e |
Mardin |
2y ago |
) |
| 19 |
56b916e |
Mardin |
2y ago |
} |
| 20 |
56b916e |
Mardin |
2y ago |
|