"use client" import { twJoin } from "cn" import type { DialogProps, DialogTriggerProps, ModalOverlayProps, } from "react-aria-components/Modal" import { DialogTrigger as DialogTriggerPrimitive, ModalOverlay, Modal as ModalPrimitive, } from "react-aria-components/Modal" import { cx } from "@/lib/primitive" import { Dialog, DialogBody, DialogClose, DialogCloseIcon, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, } from "./dialog" const Modal = (props: DialogTriggerProps) => { return } const sizes = { "2xs": "sm:max-w-2xs", xs: "sm:max-w-xs", sm: "sm:max-w-sm", md: "sm:max-w-md", lg: "sm:max-w-lg", xl: "sm:max-w-xl", "2xl": "sm:max-w-2xl", "3xl": "sm:max-w-3xl", "4xl": "sm:max-w-4xl", "5xl": "sm:max-w-5xl", fullscreen: "", } interface ModalContentProps extends Omit, Pick { size?: keyof typeof sizes closeButton?: boolean isBlurred?: boolean className?: ModalOverlayProps["className"] overlay?: Omit } const ModalContent = ({ className, isDismissable: isDismissableInternal, isBlurred = false, children, overlay, size = "lg", role = "dialog", closeButton = true, ...props }: ModalContentProps) => { const isDismissable = isDismissableInternal ?? role !== "alertdialog" return ( ) } const ModalTrigger = DialogTrigger const ModalHeader = DialogHeader const ModalTitle = DialogTitle const ModalDescription = DialogDescription const ModalFooter = DialogFooter const ModalBody = DialogBody const ModalClose = DialogClose export { Modal, ModalBody, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalTitle, ModalTrigger, }