import { HTMLAttributes } from "react";
export declare function useDialogContent(open: boolean): boolean;
interface Props {
    /**
     * If true, the modal will render as a traditional block element.
     * @default false
     */
    inline?: boolean;
    /**
     * The current state of the modal
     */
    state: [boolean, (open: boolean) => void];
    /**
     * Close on click away
     * @default true
     */
    closeOnBlur?: boolean;
    /**
     * Close on escape key
     * @default true
     */
    bindEscKey?: boolean;
    /**
     * If the children should always be mounted in the modal or only when the modal is open
     * @default false
     */
    renderContents?: boolean;
}
export declare function Modal({ children, renderContents, closeOnBlur, bindEscKey, state: [state, setState], className, ...props }: Props & HTMLAttributes<HTMLDialogElement>): import("react/jsx-runtime").JSX.Element;
export {};