/// <reference types="styled-components-react-native" />
/// <reference types="typings/styled-system" />
/// <reference types=".cache/rollup-plugin-typescript2/placeholder" />
import React from "react";
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 BoxStyleProps = LayoutProps & FlexboxProps & BorderProps & SpaceProps & MarginProps & ColorProps & BackgroundProps & PositionProps;
export declare type BoxProps = BoxStyleProps & {
    onClick?: () => void;
};
export declare const Box: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("react-native").PressableProps & React.RefAttributes<import("react-native").View>>, 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>>> & {
    onClick?: (() => void) | undefined;
}, never>;
/**
 * A Box with flex and forced horizontal orientation.
 */
export declare const HBox: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("react-native").PressableProps & React.RefAttributes<import("react-native").View>>, 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>>> & {
    onClick?: (() => void) | undefined;
}, never>;
export declare const VBox: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("react-native").PressableProps & React.RefAttributes<import("react-native").View>>, 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>>> & {
    onClick?: (() => void) | undefined;
}, never>;