import React from 'react';
import { ClassNames, DefaultProps, FlowindNumberSize, FlowindSize, Selectors, Styles } from '../../styles';
import { PortalProps } from '../portal';
import { TransitionOverride } from '../transition';
import { ModalBaseBodyStylesNames } from './modal-base-body/modal-base-body';
import { ModalBaseCloseButtonStylesNames } from './modal-base-close-button/modal-base-close-button';
import { ModalBaseContentStylesNames } from './modal-base-content/modal-base-content';
import { ModalBaseFooterStylesNames } from './modal-base-footer/modal-base-footer';
import { ModalBaseHeaderStylesNames } from './modal-base-header/modal-base-header';
import { ModalBaseOverlayStylesNames } from './modal-base-overlay/modal-base-overlay';
import { ModalBaseTitleStylesNames } from './modal-base-title/modal-base-title';
import useStyles from './modal-base.styles';
export type ModalBaseStylesNames = Selectors<typeof useStyles> | ModalBaseCloseButtonStylesNames | ModalBaseOverlayStylesNames | ModalBaseContentStylesNames | ModalBaseHeaderStylesNames | ModalBaseTitleStylesNames | ModalBaseFooterStylesNames | ModalBaseBodyStylesNames;
export interface ModalBaseSettings extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {
    variant?: string;
    classNames?: ClassNames<ModalBaseStylesNames>;
    styles?: Styles<ModalBaseStylesNames>;
    unstyled?: boolean;
    /** If set modal/drawer will not be unmounted from the DOM when it is hidden, display: none styles will be added instead */
    keepMounted?: boolean;
    /** Determines whether modal/drawer is opened */
    opened: boolean;
    /** Called when modal/drawer is closed */
    onClose: () => void;
    /** Child component */
    children?: React.ReactNode;
    /** Determines whether the modal/drawer should be closed when user clicks on the overlay, true by default */
    closeOnClickOutside?: boolean;
    /** Props added to Transition component that used to animate overlay and body, use to configure duration and animation type, { duration: 200, transition: 'pop' } by default */
    transitionProps?: TransitionOverride;
    /** Determines whether component should be rendered inside Portal, true by default */
    withinPortal?: boolean;
    /** Props to pass down to the portal when withinPortal is true */
    portalProps?: Omit<PortalProps, 'children' | 'withinPortal' | 'target'>;
    /** Target element or selector where Portal should be rendered, by default new element is created and appended to the document.body */
    target?: HTMLElement | string;
    /** Determines whether scroll should be locked when opened={true}, defaults to true */
    lockScroll?: boolean;
    /** Determines whether focus should be trapped, true by default */
    trapFocus?: boolean;
    /** z-index CSS property of root element, 200 by default */
    zIndex?: number;
    /** Key of theme.spacing or any valid CSS value to set content, header and footer padding, 'md' by default */
    padding?: FlowindSize;
    /** Id used to connect modal/drawer with body and title */
    id?: string;
    /** Determines whether focus should be returned to the last active element onClose is called, true by default */
    returnFocus?: boolean;
    /** Determines whether onClose should be called when user presses escape key, true by default */
    closeOnEscape?: boolean;
    /** Controls content width, 'md' by default */
    width?: FlowindNumberSize;
    /** Key of theme.shadows or any valid css box-shadow value, 'xl' by default */
    shadow?: FlowindSize;
}
export interface ModalBaseProps extends ModalBaseSettings {
    /** Base component name for styles and components default props */
    __staticSelector: string;
}
export declare const ModalBaseDefaultProps: Partial<ModalBaseProps>;
export declare function ModalBase(props: ModalBaseProps): React.JSX.Element;
export declare namespace ModalBase {
    var CloseButton: React.ForwardRefExoticComponent<import("./modal-base-close-button/modal-base-close-button").ModalBaseCloseButtonProps & React.RefAttributes<HTMLButtonElement>>;
    var Overlay: React.ForwardRefExoticComponent<import("./modal-base-overlay/modal-base-overlay").ModalBaseOverlayProps & React.RefAttributes<HTMLDivElement>>;
    var Content: React.ForwardRefExoticComponent<import("./modal-base-content/modal-base-content").ModalBaseContentProps & React.RefAttributes<HTMLElement>>;
    var Header: React.ForwardRefExoticComponent<import("./modal-base-header/modal-base-header").ModalBaseHeaderProps & React.RefAttributes<HTMLDivElement>>;
    var Footer: React.ForwardRefExoticComponent<import("./modal-base-footer/modal-base-footer").ModalBaseFooterProps & React.RefAttributes<HTMLDivElement>>;
    var Title: React.ForwardRefExoticComponent<import("./modal-base-title/modal-base-title").ModalBaseTitleProps & React.RefAttributes<HTMLHeadingElement>>;
    var Body: React.ForwardRefExoticComponent<import("./modal-base-body/modal-base-body").ModalBaseBodyProps & React.RefAttributes<HTMLHeadingElement>>;
    var NativeScrollArea: typeof import("./native-scroll-area/native-scroll-area").NativeScrollArea;
}