import React from 'react';
import { View, ViewStateMachineProps } from '../Containers/ViewStateMachine';
import { ModalProps } from './Modal';
export declare type ModalWithViewStateView = View & {
    closeModal?: () => void;
    header?: React.ReactNode;
    onCloseViewId?: string | number;
    hideNextNavButton?: boolean;
    hidePreviousNavButton?: boolean;
    bgClassName?: string;
    widthClassName?: string;
    modalHeightClassName?: string;
    maxWidthClassName?: string;
    maxHeightClassName?: string;
    paddingClassName?: string;
};
export declare type ModalWithViewStateProps = Omit<ModalProps, 'children'> & ViewStateMachineProps<ModalWithViewStateView> & {
    hideNavButtons?: boolean;
    [key: string]: any;
};
/**
 * NOTE: The way props are passed to views is kinda a hack.
 * @param props
 * @returns
 */
export declare function ModalWithViewState(props: ModalWithViewStateProps): JSX.Element;