import * as React from "react" import { Dialog } from "radix-ui" import { cn } from "@/lib/utils" import { X } from "lucide-react" function DialogOverlay({ className, ...props }: React.ComponentProps) { return ( ) } const DialogContent = React.forwardRef< React.ComponentRef, React.ComponentProps >(({ className, children, ...props }, ref) => ( {children} Close )) DialogContent.displayName = "DialogContent" function DialogHeader({ className, ...props }: React.HTMLAttributes) { return (

) } function DialogFooter({ className, ...props }: React.HTMLAttributes) { return (

) } function DialogTitle({ className, ...props }: React.ComponentProps) { return ( ) } function DialogDescription({ className, ...props }: React.ComponentProps) { return ( ) } DialogTitle.displayName = "DialogTitle" DialogDescription.displayName = "DialogDescription" const DialogRoot = Dialog.Root const DialogTrigger = Dialog.Trigger const DialogClose = Dialog.Close const DialogPortal = Dialog.Portal export { DialogRoot, DialogTrigger, DialogClose, DialogPortal, DialogOverlay, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, }