keii.dev
1import { AlertCircleIcon } from "lucide-react";
2import { Alert, AlertDescription, AlertTitle } from "./alert";
3import type { ReactNode } from "react";
4
5export const Error = ({ message }: { message: ReactNode }) => (
6 <Alert variant="destructive">
7 <AlertCircleIcon />
8 <AlertTitle>{message}</AlertTitle>
9 {/* <AlertDescription>
10 <p>Please verify your billing information and try again.</p>
11 <ul className="list-inside list-disc text-sm">
12 <li>Check your card details</li>
13 <li>Ensure sufficient funds</li>
14 <li>Verify billing address</li>
15 </ul>
16 </AlertDescription> */}
17 </Alert>
18);