import { ComponentProps, FC, ReactNode } from 'react';
import Rectangle, { rectangleStylePropNames } from '../Rectangle';
declare type BoxProps = ComponentProps<typeof Rectangle> & {
    onClick?: (...args: any[]) => any;
    onPress?: (...args: any[]) => any;
    ref?: () => any;
    as?: string | ReactNode;
};
export declare type InteractiveState = 'idle' | 'hover' | 'focus' | undefined;
declare type StyleKey = 'hover' | 'focus' | 'disabled';
declare type Props = BoxProps & {
    styles?: {
        [K in StyleKey]?: Object;
    };
    pseudoState?: InteractiveState;
    disabled?: boolean;
    onClick?: (...args: any[]) => void;
    onPress?: (...args: any[]) => void;
    onMouseEnter?: Function;
    onMouseLeave?: Function;
    touchable?: 'opacity' | 'highlight' | 'default' | 'material' | 'native';
    size?: number;
    name?: string;
    center?: boolean;
    p?: number;
    boxShadow?: (_: {}) => string | string;
    children?: ReactNode;
    forwardedRef?: () => any;
};
declare const Box: FC<Props>;
export { rectangleStylePropNames as boxStylePropNames };
export default Box;