import { SpacingUnit } from "@artsy/palette-tokens";
import { View, ViewProps } from "react-native";
import { BorderProps, ColorProps, FlexboxProps, LayoutProps, PositionProps, SpaceProps, TextAlignProps } from "styled-system";
import { ColorsTheme, SpacingUnitsTheme } from "../../tokens";
type BorderRadiusValue = number | `${number}px` | `${number}rem` | `${number}em` | `${number}%`;
export interface SafeBorderProps extends Omit<BorderProps, "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius"> {
    borderRadius?: BorderRadiusValue;
    borderTopLeftRadius?: BorderRadiusValue;
    borderTopRightRadius?: BorderRadiusValue;
    borderBottomLeftRadius?: BorderRadiusValue;
    borderBottomRightRadius?: BorderRadiusValue;
}
type GapProps = {
    gap?: SpacingUnit;
    rowGap?: SpacingUnit;
    columnGap?: SpacingUnit;
};
export interface BoxProps extends ViewProps, SpaceProps<SpacingUnitsTheme>, Omit<ColorProps<ColorsTheme>, "color">, FlexboxProps, LayoutProps, PositionProps, SafeBorderProps, GapProps, TextAlignProps {
}
/**
 * Box is just a `View` with common styled-system props.
 */
export declare const Box: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").Substitute<ViewProps & import("react").RefAttributes<View>, BoxProps>>;
export {};