import { As, PropsWithAs } from '@reach/utils';
import { TXProp } from './theme';
export declare type BoxStylingProps = {
    /**
     * The `tx` prop is essentially styled-system + every remaining CSS property within an object. This resolves one
     * drawback with styled-system... We can now leverage selectors and pseudoselectors, and we can use them with
     * responsive values. If you need to access a theme value (like for polished methods), use a `useTheme` hook.
     */
    tx?: TXProp;
    /**
     * This is used to place a component's potential `variant` usage in the correct object.
     * TODO: Suggest removing this and flattening variants object using long key names
     */
    __themeKey?: string;
    /**
     * Used to apply predefined styles.
     * TODO: Define merging behavior for tx and __baseStyles.
     */
    variant?: string | string[];
};
export declare type BoxProps<TDefaultElement extends As = 'div'> = PropsWithAs<TDefaultElement, BoxStylingProps>;
export declare const Box: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, BoxStylingProps, never>;