keii.dev
1import React, { ReactNode } from 'react';
2import { Alert, AlertDescription, AlertTitle } from './ui/alert';
3import { AlertCircleIcon } from 'lucide-react';
4
5const Error = ({
6 title,
7 children,
8}: {
9 title: ReactNode;
10 children?: ReactNode;
11}) => {
12 return (
13 <Alert variant="destructive">
14 <AlertCircleIcon />
15 <AlertTitle>{title}</AlertTitle>
16 {children && <AlertDescription>{children}</AlertDescription>}
17 </Alert>
18 );
19};
20
21export default Error;