/// <reference types="react" />
import * as CSS from 'csstype';
import { BackgroundProps, BorderProps, ColorProps, AlignItemsProps, AlignContentProps, JustifyContentProps, FlexWrapProps, FlexDirectionProps, GridAutoColumnsProps, GridAutoFlowProps, GridAutoRowsProps, GridColumnGapProps, GridGapProps, GridRowGapProps, GridTemplateAreasProps, GridTemplateColumnsProps, GridTemplateRowsProps, LayoutProps, PaddingProps, RequiredTheme, ResponsiveValue, ShadowProps, Theme, TLengthStyledSystem, TypographyProps } from 'styled-system';
import { PublicBaseProps } from './Base';
interface GapProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.Gap<TLengthStyledSystem>> {
    gap?: ResponsiveValue<TVal, ThemeType>;
}
declare type AdditionalSystemProps = ColorProps & BackgroundProps & PaddingProps & LayoutProps & TypographyProps & BorderProps & ShadowProps & FlexDirectionProps & AlignItemsProps & AlignContentProps & JustifyContentProps & FlexWrapProps & GridGapProps & GridRowGapProps & GridColumnGapProps & GridAutoFlowProps & GridAutoRowsProps & GridAutoColumnsProps & GridTemplateRowsProps & GridTemplateColumnsProps & GridTemplateAreasProps & GapProps;
export declare type BoxProps = AdditionalSystemProps & PublicBaseProps;
export declare function Box(props: BoxProps): JSX.Element;
export {};