Alert2

1import { Alert, AlertDescription, AlertTitle } from "@/ui/alert";
2 
3export default function Alert2() {
4  return (
5    <>
6      <Alert>
7        <AlertTitle>You have a new invoice due.</AlertTitle>
8        <AlertDescription>
9          This is the alert description that shows some information.
10        </AlertDescription>
11      </Alert>
12      <Alert variant="destructive">
13        <AlertTitle>Something went wrong with your submission.</AlertTitle>
14        <AlertDescription>
15          Please check your connection and try again. If the problem persists,
16          contact support.
17        </AlertDescription>
18      </Alert>
19    </>
20  );
21}