import { default as React } from 'react';
import { CardProps } from '../card/card';
/**
 * @deprecated Use Modal from `@tedi-design-system/react/tedi` instead.
 */
export interface ModalProps {
    /**
     * Content of the modal
     */
    children: React.ReactNode;
    /**
     * Size of the modal.
     * @default 6
     */
    size?: 12 | 10 | 8 | 6;
    /**
     * Aria-labelledby value.
     */
    'aria-labelledby': string;
    /**
     * Aria-describedby value.
     */
    'aria-describedby'?: string;
    /**
     * card props to pass down to card components
     */
    cardProps?: CardProps;
    /**
     * Hide close button. Make sure there is another button that closes the modal.
     */
    hideCloseButton?: boolean;
    /**
     * If your focus management is modal and there is no explicit close button available,
     * you can use this prop to render a visually-hidden dismiss button at the start and end of the floating element.
     * This allows touch-based screen readers to escape the floating element due to lack of an esc key.
     * @default false
     */
    visuallyHiddenDismiss?: boolean;
    /**
     * Modal position on the screen
     * @default center
     */
    position?: 'center' | 'right' | 'bottom';
    /**
     * Should page be scrollable while modal is open.
     * @default false
     */
    lockScroll?: boolean;
    /**
     * Should trap focus inside modal.
     * @default true
     */
    trapFocus?: boolean;
    /**
     * Should focus return to the trigger when closing the modal
     * @default true
     */
    returnFocus?: boolean;
    /**
     * Set style of overlay.
     */
    overlay?: 'none';
}
/**
 * @deprecated Use Modal from `@tedi-design-system/react/tedi` instead.
 */
export declare const Modal: (props: ModalProps) => JSX.Element | null;
export default Modal;