import React from "react";
interface OverlayStyleProps {
    /**
     * 0以上1以下の数値を背景の透過度を指定します。
     * ベースとなる色はtheme.palette.background.overlay
     *
     * @default 0.9
     */
    opacity: number;
}
export interface OverlayBaseProps extends Partial<OverlayStyleProps> {
    /**
     * このコンポーネントを表示するかどうかを指定します。
     *
     * @default true
     */
    open?: boolean;
    /**
     * このコンポーネントが出現する際のアニメーションを無効化します。
     *
     * @default false
     */
    disableAnimation?: boolean;
    /**
     * このコンポーネントを表示する位置を指定します。
     *
     * @default top
     */
    position?: "top" | "right" | "bottom" | "left";
    /**
     * このコンポーネントが閉じられた場合の挙動を指定します。
     */
    onClose?: () => void;
    /**
     *
     */
    fullScreen?: boolean;
}
export interface OverlayProps extends OverlayBaseProps, React.ComponentPropsWithoutRef<"div"> {
    children?: React.ReactNode;
}
/**
 * Overlayはなるべく上の階層に配置してください。
 * 特にLayout系のコンポーネントの子要素として使うと、予期しない挙動をする可能性があります。
 * Overlayをなるべく上の階層に配置することは、文章構成としても妥当です。
 */
export declare const Overlay: ({ children, opacity, position, open, disableAnimation, onClose, fullScreen, ...props }: OverlayProps) => import("@emotion/react/jsx-runtime").JSX.Element;
export {};