import { Dialog as RadixDialog } from "radix-ui"; import * as React from "react"; /** * @prop defaultOpen - Whether the modal is opened by default. * @prop open - Whether the modal is opened. * @prop onOpenChange - A function to handle when the modal is opened or closed. */ interface FocusModalRootProps extends React.ComponentPropsWithoutRef { } interface FocusModalTriggerProps extends React.ComponentPropsWithoutRef { } interface FocusModalPortalProps extends RadixDialog.DialogPortalProps { } /** * The `FocusModal.Content` component uses this component to wrap the modal content. * It accepts props from the [Radix UI Dialog Portal](https://www.radix-ui.com/primitives/docs/components/dialog#portal) component. */ declare const FocusModalPortal: { (props: FocusModalPortalProps): React.JSX.Element; displayName: string; }; /** * This component is used to create the overlay for the modal. * It accepts props from the [Radix UI Dialog Overlay](https://www.radix-ui.com/primitives/docs/components/dialog#overlay) component. */ declare const FocusModalOverlay: React.ForwardRefExoticComponent, "ref"> & React.RefAttributes>; interface FocusModalTitleProps extends React.ComponentPropsWithoutRef { } declare const FocusModal: { (props: FocusModalRootProps): React.JSX.Element; displayName: string; } & { Trigger: React.ForwardRefExoticComponent>; Title: React.ForwardRefExoticComponent>; Description: React.ForwardRefExoticComponent>; Content: React.ForwardRefExoticComponent, "ref"> & { overlayProps?: React.ComponentPropsWithoutRef; portalProps?: React.ComponentPropsWithoutRef; } & React.RefAttributes>; Header: React.ForwardRefExoticComponent, HTMLDivElement>, "ref"> & React.RefAttributes>; Body: React.ForwardRefExoticComponent, HTMLDivElement>, "ref"> & React.RefAttributes>; Close: React.ForwardRefExoticComponent>; Footer: React.ForwardRefExoticComponent, HTMLDivElement>, "ref"> & React.RefAttributes>; }; export { FocusModal }; //# sourceMappingURL=focus-modal.d.ts.map