import { ComponentClass } from 'react'

import AtComponent from './base'

export interface AtFlexItemProps extends AtComponent {
  isAuto/*;是自动*/: boolean
  isWrap/*;是换行*/: boolean
  align/*;对准*/: 'top'/*;上*/ | 'bottom'/*;下*/ | 'center'/*;中*/
  size/*;尺寸*/: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12
  offset/*;偏移*/: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12
}

export interface AtFlexProps extends AtComponent {
  wrap/*;换行*/: 'no-wrap'/*;不换行*/ | 'wrap'/*;换行*/ | 'wrap-reverse'/*;换行-反转*/
  align/*;对准*/: 'start'/*;开始*/ | 'end'/*;结束*/ | 'center'/*;中*/ | 'stretch'/*;拉伸*/ | 'baseline'/*;基线*/
  justify/*;对齐*/: 'start'/*;开始*/ | 'end'/*;结束*/ | 'center'/*;中*/ | 'between'/*;之间*/ | 'around'/*;围绕*/
  dirction/*;方向*/: 'row'/*;行*/ | 'column'/*;列*/ | 'row-reverse'/*;行-反转*/ | 'column-reverse'/*;列-反转*/
  alignContent/*;内容对准*/: 'start'/*;开始*/ | 'end'/*;结束*/ | 'center'/*;中*/ | 'stretch'/*;拉伸*/ | 'between'/*;之间*/ | 'around'/*;围绕*/
}

declare const AtFlexItem: ComponentClass<AtFlexItemProps>

declare const AtFlex: ComponentClass<AtFlexProps>

export { AtFlexItem, AtFlex }

export default AtFlex