"use client" import * as React from "react" import * as DialogPrimitive from "@radix-ui/react-dialog" import { X } from "lucide-react" import { cn } from "@/lib/utils" /** Root container that manages dialog open/close state. */ const Dialog = DialogPrimitive.Root /** Element that opens the dialog when clicked. */ const DialogTrigger = DialogPrimitive.Trigger /** Renders dialog content into a React portal outside the DOM tree. */ const DialogPortal = DialogPrimitive.Portal /** Button that closes the dialog when clicked. */ const DialogClose = DialogPrimitive.Close /** Semi-transparent backdrop behind the dialog content. */ const DialogOverlay = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) DialogOverlay.displayName = DialogPrimitive.Overlay.displayName /** Centered modal panel with overlay and close button. */ const DialogContent = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, children, ...props }, ref) => ( {children} Close )) DialogContent.displayName = DialogPrimitive.Content.displayName /** Flex container for dialog title and description at the top. */ const DialogHeader = ({ className, ...props }: React.HTMLAttributes) => (

) DialogHeader.displayName = "DialogHeader" /** Bottom section of the dialog for action buttons. */ const DialogFooter = ({ className, ...props }: React.HTMLAttributes) => (

) DialogFooter.displayName = "DialogFooter" /** Accessible heading rendered inside a DialogHeader. */ const DialogTitle = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) DialogTitle.displayName = DialogPrimitive.Title.displayName /** Muted description text rendered below the DialogTitle. */ const DialogDescription = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) DialogDescription.displayName = DialogPrimitive.Description.displayName export { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, }