Alert3

1import { Alert, AlertTitle } from "@/ui/alert";
2import { DangerTriangle, InfoCircle } from "@mynaui/icons-react";
3 
4export default function Alert3() {
5  return (
6    <>
7      <Alert>
8        <InfoCircle className="size-4" />
9        <AlertTitle>You have a new invoice due.</AlertTitle>
10      </Alert>
11      <Alert variant="destructive">
12        <DangerTriangle className="size-4" />
13        <AlertTitle>Something went wrong with your submission.</AlertTitle>
14      </Alert>
15    </>
16  );
17}