import type { CSSProperties } from 'react';
export interface BoxSpacingProps {
    gutter?: number;
    rowGap?: number;
}
export declare const BoxGap: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<BoxSpacingProps, any>>;
export interface BoxProps extends BoxSpacingProps {
    direction?: CSSProperties['flexDirection'];
    basis?: CSSProperties['flexBasis'];
    wrap?: CSSProperties['flexWrap'];
    align?: CSSProperties['alignItems'];
    justify?: CSSProperties['justifyContent'];
    gap?: CSSProperties['gap'];
    isStacked?: boolean;
}
export declare const BoxCss: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<BoxProps, any>>;
export declare const BoxWrapper: import("styled-components").StyledComponent<"div", any, BoxProps, never>;
export declare const InlineBox: import("styled-components").StyledComponent<"div", any, BoxProps, never>;
export declare function Box({ children, ...props }: React.PropsWithChildren<BoxProps> & React.ComponentPropsWithoutRef<'div'>): import("react/jsx-runtime.js").JSX.Element;