import { PropsWithChildren } from "react";
import { FromOnePercentUtility } from "../../type-utils";
/**
 * This is a dialog component that shows content in an overlay.
 * On mobile devices, it slides in from the side like a drawer menu,
 * while on desktop computers, it appears as a centered popup window.
 * It handles closing animations and can render in different locations on the page.
 **/
export default function AdaptiveDialog({ variant, onClose, open, className, onClickOut, children, onClosed, inline, }: PropsWithChildren<{
    variant?: FromOnePercentUtility<'UIElements.AdaptiveDialogVariants'>;
    className?: string;
    open: boolean;
    onClose?: () => void;
    onClickOut?: () => void;
    onClosed?: () => void;
    /**
     * Indicates this rendering will write the html inside the current position on dom.
     * If omitted or false, it will render on the document body, to prevent style bleeding */
    inline?: boolean;
}>): import("react/jsx-runtime").JSX.Element | null;
