/// <reference types="typings/styled-system" />
/// <reference types=".cache/rollup-plugin-typescript2/placeholder" />
import { LayoutProps, FlexboxProps, BorderProps, SpaceProps, MarginProps, ColorProps, BackgroundProps, PositionProps } from "styled-system";
/**
 * Box is the basic building block.
 * It abstracts a div on web and a View on mobile
 */
export declare type BoxProps = LayoutProps & FlexboxProps & BorderProps & SpaceProps & MarginProps & ColorProps & BackgroundProps & PositionProps;
export declare const Box: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, keyof import("styled-system").ThemeBorders> & SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, number | import("csstype").Globals | "auto" | `${number}%` | keyof import("styled-system").ThemeSpaces> & MarginProps & ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, number> & BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> & PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>, never>;
/**
* A Box with flex and forced horizontal orientation.
*/
export declare const HBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, keyof import("styled-system").ThemeBorders> & SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, number | import("csstype").Globals | "auto" | `${number}%` | keyof import("styled-system").ThemeSpaces> & MarginProps & ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, number> & BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> & PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>, never>;
export declare const VBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, keyof import("styled-system").ThemeBorders> & SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, number | import("csstype").Globals | "auto" | `${number}%` | keyof import("styled-system").ThemeSpaces> & MarginProps & ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, number> & BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> & PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>, never>;