import * as React from 'react'; import * as Dialog from '@radix-ui/react-dialog'; import { type FlexProps } from '../../primitives/Flex'; import { TypographyProps } from '../../primitives/Typography'; import { ScrollAreaProps } from '../../utilities/ScrollArea'; interface Props extends Dialog.DialogProps { } declare const Root: React.FC; type TriggerElement = HTMLButtonElement; interface TriggerProps extends Omit { } declare const Trigger: React.ForwardRefExoticComponent>; type ContentElement = HTMLDivElement; interface ContentProps extends Dialog.DialogContentProps { } declare const Content: React.ForwardRefExoticComponent>; type CloseElement = HTMLButtonElement; interface CloseProps extends Omit { } declare const Close: React.ForwardRefExoticComponent>; type HeaderElement = HTMLDivElement; interface HeaderProps extends Omit, 'tag'> { /** * @default 'Close modal' * @description The label for the close button, * useful if you want the button to be translated * to other languages. */ closeLabel?: string; } declare const Header: React.ForwardRefExoticComponent & React.RefAttributes>; type TitleElement = HTMLHeadingElement; interface TitleProps extends TypographyProps<'h2'> { } declare const Title: React.ForwardRefExoticComponent>; type BodyElement = HTMLDivElement; interface BodyProps extends ScrollAreaProps { } declare const Body: React.ForwardRefExoticComponent>; type FooterElement = HTMLDivElement; interface FooterProps extends Omit, 'tag'> { } declare const Footer: React.ForwardRefExoticComponent & React.RefAttributes>; export { Root, Trigger, Close, Content, Header, Title, Body, Footer }; export type { Props, TriggerElement, TriggerProps, CloseElement, CloseProps, ContentProps, ContentElement, HeaderElement, HeaderProps, TitleElement, TitleProps, BodyElement, BodyProps, FooterElement, FooterProps, }; //# sourceMappingURL=Modal.d.ts.map