export type Spacing = 0 | 1 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 48 | 64;
export type DirectionalSpacing = Spacing | {
    top?: Spacing;
    right?: Spacing;
    bottom?: Spacing;
    left?: Spacing;
    vertical?: Spacing;
    horizontal?: Spacing;
};
export type AlignItems = 'stretch' | 'center' | 'start' | 'end' | 'flex-start' | 'flex-end' | 'baseline';
export type JustifyContent = 'center' | 'start' | 'end' | 'flex-start' | 'flex-end' | 'left' | 'right' | 'space-between' | 'space-around' | 'space-evenly' | 'stretch';
export type FlexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
export type FlexWrap = 'nowrap' | 'wrap' | 'wrap-reverse';
export type FlexProperties = {
    alignItems?: AlignItems;
    basis?: string;
    direction?: FlexDirection;
    display?: 'flex' | 'inline-flex';
    grow?: number;
    gap?: number;
    justifyContent?: JustifyContent;
    shrink?: number;
    wrap?: FlexWrap;
};
export type BorderSide = 'top' | 'right' | 'bottom' | 'left' | 'top-and-bottom' | 'left-and-right' | 'all';
export type BorderWidth = 1 | 2 | 4;
export type BorderSetting = {
    width?: BorderWidth;
    color?: string;
    side: BorderSide;
};