import React, { FC } from 'react';
import { OverlayProps } from '../../internal/Overlay';
import { JustifyProps } from '../../utilities/justify-props';
import { UseFocusTrapProps } from '../../hooks/useFocusTrap';
export interface ModalContentProps {
    children?: React.ReactNode;
    /** Adds one or more classnames for an element */
    className?: string;
    /** Allows the Modal to fit within the browser window */
    scrollable?: boolean;
    id?: string;
}
export declare const ModalContent: FC<ModalContentProps>;
export interface ModalFooterProps extends ModalContentProps {
    align?: JustifyProps;
}
export declare const ModalFooter: FC<ModalFooterProps>;
export interface ModalHeaderProps {
    /** Add class attribute */
    className?: string;
    onClose?: (e: React.SyntheticEvent<HTMLElement>) => void;
    title?: React.ReactNode;
    id?: string;
}
export declare const ModalHeader: FC<ModalHeaderProps>;
/**
 * Modal Sizes
 */
export declare enum ModalSizes {
    XS = "XS",
    S = "S",
    M = "M",
    L = "L"
}
/**
 * Modal Window Properties
 */
export interface ModalWindowProps extends OverlayProps {
    /** Add class attribute */
    className?: string;
    size?: ModalSizes;
    /** Options passed into useFocusTrap */
    focusTrapOptions?: UseFocusTrapProps;
}
export declare const ModalWindow: FC<ModalWindowProps>;