import React, { FunctionComponent } from 'react';
import { GapOffsetShorthandType, OffsetShorthandType } from '../../types/OffsetType';
import { FlexProps, BoxProps } from '../../utility/box';
import { TrblType } from '../../utility/trbl';
import { RowColumnGapType } from '../../utility/rowColumnGap';
/**  These props exist for backward compatibility */
export type PropsType = BoxProps & FlexProps & React.JSX.IntrinsicElements['div'] & {
    as?: keyof React.JSX.IntrinsicElements;
    height?: string;
    width?: string;
    margin?: TrblType | OffsetShorthandType;
    padding?: TrblType | OffsetShorthandType;
    maxHeight?: string;
    minHeight?: string;
    maxWidth?: string;
    minWidth?: string;
    zIndex?: number;
    position?: 'static' | 'relative' | 'fixed' | 'absolute';
    top?: string;
    right?: string;
    bottom?: string;
    left?: string;
    order?: number;
    direction?: 'row' | 'row-reverse' | 'column' | 'column-reverse';
    justifyContent?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'space-between' | 'space-around' | 'space-evenly';
    alignItems?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
    alignContent?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'space-between' | 'space-around';
    alignSelf?: 'auto' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
    inline?: boolean;
    wrap?: boolean;
    grow?: number;
    shrink?: number;
    basis?: string;
    gap?: RowColumnGapType | GapOffsetShorthandType;
};
declare const Box: FunctionComponent<React.PropsWithChildren<PropsType>>;
export default Box;