Alert

1import { AlertCircleIcon } from "lucide-react";
2import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
3 
4export default function AlertWarning() {
5  return (
6    <Alert variant="destructive" className="*:text-orange-400!">
7      <AlertCircleIcon />
8      <AlertTitle>Unable to process your payment.</AlertTitle>
9      <AlertDescription>Please verify your billing information and try again.</AlertDescription>
10    </Alert>
11  );
12}