Alert Dialog

import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogIcon, AlertDialogTitle, AlertDialogTrigger } from "@/components/optics/alert-dialog";import { Button } from "@/components/optics/button";import { Info } from "lucide-react";<AlertDialog>  <AlertDialogTrigger asChild>    <Button variant="raised">      Show Dialog    </Button>  </AlertDialogTrigger>  <AlertDialogContent>    <AlertDialogHeader>      <AlertDialogIcon>        <div className="p-2 rounded-full squircle-none flex items-center justify-center shadow-md bg-emerald-500/20">          <Info className="text-emerald-600" />        </div>        <AlertDialogTitle>          Are you absolutely sure?        </AlertDialogTitle>      </AlertDialogIcon>      <AlertDialogDescription>        This action cannot be undone. This will permanently delete your account and remove your data from our servers.      </AlertDialogDescription>    </AlertDialogHeader>    <AlertDialogFooter>      <AlertDialogCancel>        Cancel      </AlertDialogCancel>      <AlertDialogAction>        Continue      </AlertDialogAction>    </AlertDialogFooter>  </AlertDialogContent></AlertDialog>