import React from "react";
import "./modal.scss";
export declare type ModalPosition = "left" | "right" | "default";
export declare type ModalSize = "lg" | "md" | "sm";
export declare type ModalProps = JSX.IntrinsicElements["div"] & {
    /** Centers the modal in the middle of the screen. Default is `false` */
    centered?: boolean;
    /** Size of modal `lg` | `md` | `sm` */
    size?: ModalSize;
    /** Toggle fullscreen modal, default is `false` */
    fullscreen?: boolean;
    /** Event triggered when escape key is triggered */
    onEscape?: (e: KeyboardEvent) => void;
    /** Event triggered when the backdrop is clicked */
    onBackdropDismiss?: React.MouseEventHandler<HTMLDivElement>;
    /** Modal position. Available positions: `left`, `right` */
    position?: ModalPosition;
    /** Modal toggle */
    toggle?: boolean;
    /** @deprecated since version 6.0.0. Trap focus would be enabled by default. */
    trapFocus?: boolean;
    /** Automatically focuses on the first focusable element in the modal dialog */
    autoFocus?: boolean;
};
/** The modal component provides a solid foundation for creating dialogs or slideout modals */
export declare const Modal: React.FC<ModalProps>;