import type { HTMLAttributes, CSSProperties } from 'react';
export type FlexJustify = 'start' | 'end' | 'center' | 'between' | 'around';
export type FlexAlign = 'start' | 'center' | 'end' | 'baseline' | 'stretch';
export interface FlexProps extends HTMLAttributes {
/**
* 项目定位方向
*/
direction?: CSSProperties['flexDirection'];
/**
* 子元素的换行方式
*/
wrap?: CSSProperties['flexWrap'];
/**
* 子元素在主轴上的对齐方式
*/
justify?: FlexJustify;
/**
* 子元素在交叉轴上的对齐方式
*/
align?: FlexAlign;
}
export interface FlexItemProps extends HTMLAttributes {
flex?: CSSProperties['flex'];
}