
### dataHook
- type: string
- description: Applies a data-hook HTML attribute that can be used in the tests.
### children
- type: ReactNode
- description: Accept single or multiple compound <Cell/> elements which store content items. Other nodes are accepted but not recommended.
### className
- type: string
- description: Specifies a CSS class name to be appended to the component's root element.
- internal
### gap
- type: string | number | string & {}
- description: Control both vertical and horizontal distance between layout cells.
- default: 24px
### cols
- type: number
- description: Set a number of grid columns to be rendered.
### justifyItems
- type: "center" | "right" | "left" | string & {} | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "baseline" | "normal" | "start" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "legacy" | "stretch"
- description: Align grid items on the X axis
### alignItems
- type: "center" | string & {} | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "baseline" | "normal" | "start" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "stretch"
- description: Aligns grid items on the Y axis
### rowHeight
- type: string | number | string & {}
- description: Set all rows to have the same height in pixels or percentage.
- default: auto
### height
- type: string | number | string & {}
- description: Set the height of the layout

