import type { HTMLAttributes } from 'react';
type Spacing = number | string;
type JustifyContent = 'center' | 'flex-start' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
type AlignItems = 'center' | 'flex-start' | 'flex-end' | 'space-between' | 'baseline' | 'stretch';
export interface BoxProps extends HTMLAttributes {
vertical?: boolean;
gap?: Spacing;
flex?: number | string;
fullWidth?: boolean;
justify?: JustifyContent;
align?: AlignItems;
radius?: Spacing;
p?: Spacing;
pt?: Spacing;
pr?: Spacing;
pb?: Spacing;
pl?: Spacing;
px?: Spacing;
py?: Spacing;
m?: Spacing;
mt?: Spacing;
mr?: Spacing;
mb?: Spacing;
ml?: Spacing;
mx?: Spacing;
my?: Spacing;
}
export declare const Box: import("react").ForwardRefExoticComponent>;
export {};