Alert Dialog

1"use client"
2 
3import * as React from "react"
4import {
5  AlertDialog as BaseAlertDialog,
6  AlertDialogAction,
7  AlertDialogCancel,
8  AlertDialogContent as BaseAlertDialogContent,
9  AlertDialogDescription,
10  AlertDialogFooter,
11  AlertDialogHeader,
12  AlertDialogTitle,
13  AlertDialogTrigger,
14} from "@/components/ui/alert-dialog"
15import { cn } from "@/lib/utils"
16 
17export interface AlertDialogContentProps extends React.ComponentProps<typeof BaseAlertDialogContent> {
18  animated?: boolean
19}
20 
21/**
22 * Glass UI Alert Dialog - Enhanced alert dialog with glassy effects
23 */
24export const AlertDialogContent = React.forwardRef<
25  React.ElementRef<typeof BaseAlertDialogContent>,
26  AlertDialogContentProps
27>(({ className, variant = "glass", animated = true, ...props }, ref) => {
28  return (
29    <BaseAlertDialogContent
30      ref={ref}
31      variant={variant}
32      className={cn(
33        animated && "backdrop-blur-[var(--blur-lg)]",
34        className
35      )}
36      {...props}
37    />
38  )
39})
40AlertDialogContent.displayName = "AlertDialogContent"
41 
42export {
43  BaseAlertDialog as AlertDialog,
44  AlertDialogTrigger,
45  AlertDialogHeader,
46  AlertDialogFooter,
47  AlertDialogTitle,
48  AlertDialogDescription,
49  AlertDialogAction,
50  AlertDialogCancel,
51}
52