import * as React$1 from 'react'; import { ComponentPropsWithoutRef } from 'react'; import { ElementProps } from '../../types/index.js'; import { DialogCloseProps } from '../dialog/dialog-close.js'; import { DialogTriggerProps } from '../dialog/dialog-trigger.js'; import { DialogHeaderProps, Dialog, DialogContent, DialogOverlayProps } from './dialog.styles.js'; import '@radix-ui/react-primitive'; import '../button/button-close.js'; import 'tailwind-variants'; import 'tailwind-variants/dist/config'; import '../dialog/index.js'; import '../dialog/dialog.js'; import '../dialog/dialog-content.js'; import '@radix-ui/react-dismissable-layer'; import '@radix-ui/react-focus-scope'; import '../dialog/dialog-description.js'; import '../dialog/dialog-overlay.js'; import '../dialog/dialog-portal.js'; import 'react/jsx-runtime'; import '@radix-ui/react-portal'; import '../dialog/dialog-title.js'; interface ModalHeaderProps extends DialogHeaderProps { align?: 'left' | 'center' | 'baseline'; icon?: React.ReactNode; title?: React.ReactNode; description?: React.ReactNode; } interface ModalBodyProps extends DialogHeaderProps { } interface ModalActionProps extends React.HTMLAttributes { separator?: boolean; } interface ModalProps extends ComponentPropsWithoutRef { trigger?: React.ReactNode; className?: string; fitContent?: boolean; fullScreen?: boolean; modalContentProps?: ElementProps; overlayProps?: DialogOverlayProps; scrollBehavior?: 'default' | 'inside' | 'outside'; placement?: 'default' | 'top' | 'bottom' | 'center' | 'top-center' | 'bottom-center'; } declare const Modal: React$1.ForwardRefExoticComponent> & { Header: React$1.ForwardRefExoticComponent>; Body: React$1.ForwardRefExoticComponent>; Action: React$1.ForwardRefExoticComponent>; Trigger: React$1.ForwardRefExoticComponent>; Close: React$1.ForwardRefExoticComponent>; }; export { Modal, type ModalActionProps, type ModalBodyProps, type ModalHeaderProps, type ModalProps };