/// <reference types="react" />
import type { ViewStyle, ModalProps } from 'react-native';
import type { BorderProps, ColorProps, FlexboxProps, LayoutProps, SpaceProps, PositionProps } from 'styled-system';
import type { customBorderProps, customBackgroundProps, customOutlineProps, customLayoutProps, customExtraProps, customShadowProps } from '../../../utils/customProps';
import type { IBoxProps } from '../../primitives';
import type { ICloseButtonProps } from '..';
declare type SpaceType = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
export declare type IModalSemiProps = ModalProps & ColorProps & SpaceProps & LayoutProps & FlexboxProps & PositionProps & customBorderProps & customExtraProps & customOutlineProps & customShadowProps & customLayoutProps & customBackgroundProps & BorderProps & {
    style?: ViewStyle;
    isCentered?: boolean;
    initialFocusRef?: any;
    finalFocusRef?: any;
    children: JSX.Element | JSX.Element[];
    avoidKeyboard?: boolean;
    size?: SpaceType | string | number;
    id?: any;
    motionPreset?: 'slide' | 'fade' | 'none';
    closeOnOverlayClick?: boolean;
    isKeyboardDismissable?: boolean;
    overlayVisible?: boolean;
    overlayColor?: string;
    ref?: React.Ref<any>;
};
export declare type IModalContextType = {
    visible?: boolean;
    toggleVisible?: (_bool: boolean) => any;
    toggleOnClose?: (_bool: boolean) => any;
    contentSize?: any;
};
export declare type IModalComponentType = ((props: IModalProps) => JSX.Element) & {
    Body: React.MemoExoticComponent<(props: IBoxProps) => JSX.Element>;
    CloseButton: React.MemoExoticComponent<(props: ICloseButtonProps) => JSX.Element>;
    Content: React.MemoExoticComponent<(props: IBoxProps) => JSX.Element>;
    Footer: React.MemoExoticComponent<(props: IBoxProps) => JSX.Element>;
    Header: React.MemoExoticComponent<(props: IBoxProps) => JSX.Element>;
};
export declare type IModalProps = IModalSemiProps & {
    isOpen: boolean;
    onClose: any;
};
export {};