import * as React from 'react';
import { StyleProps, MediaQueries, Variants } from '../index';
export declare type BoxProps = {
    /**
     * Render custom component or HTML element tag.
     */
    as?: any;
    /**
     * Gain access to the internal ref
     */
    innerRef?: any;
    /**
     * If true, sets "display: inline-block", otherwise it defaults to "display: block"
     */
    inline?: boolean;
    /**
     * Controls display property. If `false` sets `display: none`, otherwise defaults to initial display value.
     */
    visible?: boolean;
} & StyleProps;
declare type Props = React.RefAttributes<any> & React.HTMLAttributes<any> & BoxProps & MediaQueries<BoxProps> & Variants<BoxProps>;
/**
 * Box is the base component that everything builds from. It is responsible for processing all style props.
 */
export declare function Box({ as, innerRef, inline, ...props }: Props): JSX.Element;
export {};