import { ElementType } from 'react';
export type justifyType = 'start' | 'center' | 'end' | 'between' | 'around' | undefined;
export type alignItems = 'start' | 'center' | 'end' | 'stretch' | 'baseline' | undefined;
export type FlexType = {
    justifyContent?: justifyType;
    alignItems?: alignItems;
    justifySelf?: 'stretch' | 'center' | 'start' | 'end';
    alignSelf?: 'stretch' | 'center' | 'start' | 'end';
    direction?: 'column' | 'row' | 'column-reverse' | 'row-reverse';
    gap?: string | number;
    flex?: string;
    flexWrap?: 'wrap' | 'nowrap' | 'wrap-reverse';
    flexBasis?: string;
    flexGrow?: number;
    flexShrink?: number;
};
export type MarginType = {
    margin?: string | number;
    mt?: string | number;
    mr?: string | number;
    mb?: string | number;
    ml?: string | number;
};
export type PaddingType = {
    padding?: string | number;
    pt?: string | number;
    pr?: string | number;
    pb?: string | number;
    pl?: string | number;
};
export type SpacingType = MarginType & PaddingType;
export type WidthType = {
    width?: string | number;
    minW?: string | number;
    maxW?: string | number;
};
export type HeightType = {
    height?: string | number;
    minH?: string | number;
    maxH?: string | number;
};
export type SizeType = WidthType & HeightType;
export type RestType = MarginType & PaddingType & WidthType & HeightType;
export type TypographyType = 'headline1' | 'headline2' | 'headline3' | 'subTitle1' | 'subTitle2' | 'subTitle3' | 'body1' | 'body2' | 'body3' | 'caption1' | 'caption2' | 'caption3';
export type TypographyStyleType = {
    fontSize: number;
    fontWeight: number;
    lineHeight: number;
    tag: ElementType<any>;
};