FlexAlign {...}{.size: 4.} = enum
  Auto = 0, Stretch, Center, Start, End, SpaceBetween, SpaceAround, SpaceEvenly

FlexPosition {...}{.size: 4.} = enum
  Relative = 0, Absolute

FlexDirection {...}{.size: 4.} = enum
  Row = 0, RowReverse, Column, ColumnReverse

FlexWrap {...}{.size: 4.} = enum
  NoWrap = 0, Wrap, WrapReverse

FlexItemObj = object
  width*: float32
  height*: float32
  left*: float32
  right*: float32
  top*: float32
  bottom*: float32
  paddingLeft*: float32
  paddingRight*: float32
  paddingTop*: float32
  paddingBottom*: float32
  marginLeft*: float32
  marginRight*: float32
  marginTop*: float32
  marginBottom*: float32
  justifyContent*: FlexAlign
  alignContent*: FlexAlign
  alignItems*: FlexAlign
  alignSelf*: FlexAlign
  position*: FlexPosition
  direction*: FlexDirection
  wrap*: FlexWrap
  grow*: float32
  shrink*: float32
  order*: int
  basis*: float32
  frame: array[4, float32]
  parent: FlexItem

FlexItem = ptr FlexItemObj

proc newFlexItem(width, height, left, right, top, bottom, paddingLeft,
                 paddingRight, paddingTop, paddingBottom, marginLeft,
                 marginRight, marginTop, marginBottom, grow: float32 = 0.0;
                 shrink: float32 = 1; order: cint = 0;
                 justifyContent: FlexAlign = Start;
                 alignContent: FlexAlign = Stretch;
                 alignItems: FlexAlign = Stretch; alignSelf: FlexAlign = Auto;
                 position: FlexPosition = Relative;
                 direction: FlexDirection = Row; wrap: FlexWrap = NoWrap): FlexItem {...}{.
    raises: [], tags: [].}

proc add(item: FlexItem; child: FlexItem): FlexItem {...}{.discardable, raises: [],
    tags: [].}

proc insert(item: FlexItem; child: FlexItem; index: int): FlexItem {...}{.
    discardable, raises: [], tags: [].}

proc delete(item: FlexItem; index: int): FlexItem {...}{.raises: [], tags: [].}

proc child(item: FlexItem; index: int): FlexItem {...}{.raises: [], tags: [].}

proc len(item: FlexItem; index: int): int {...}{.raises: [], tags: [].}

proc root(item: FlexItem): FlexItem {...}{.raises: [], tags: [].}

proc layout(item: FlexItem) {...}{.discardable, raises: [], tags: [].}

proc x(item: FlexItem): float32 {...}{.raises: [], tags: [].}

proc y(item: FlexItem): float32 {...}{.raises: [], tags: [].}

proc w(item: FlexItem): float32 {...}{.raises: [], tags: [].}

proc h(item: FlexItem): float32 {...}{.raises: [], tags: [].}