{
  "componentDescription": "",
  "propDescriptions": {
    "children": { "description": "The content of the component." },
    "columns": { "description": "The number of columns." },
    "columnSpacing": {
      "description": "Defines the horizontal space between the type <code>item</code> components. It overrides the value of the <code>spacing</code> prop."
    },
    "container": {
      "description": "If <code>true</code>, the component will have the flex <em>container</em> behavior. You should be wrapping <em>items</em> with a <em>container</em>."
    },
    "direction": {
      "description": "Defines the <code>flex-direction</code> style property. It is applied for all screen sizes."
    },
    "offset": {
      "description": "Defines the offset value for the type <code>item</code> components."
    },
    "rowSpacing": {
      "description": "Defines the vertical space between the type <code>item</code> components. It overrides the value of the <code>spacing</code> prop."
    },
    "size": { "description": "Defines the size of the the type <code>item</code> components." },
    "spacing": {
      "description": "Defines the space between the type <code>item</code> components. It can only be used on a type <code>container</code> component."
    },
    "wrap": {
      "description": "Defines the <code>flex-wrap</code> style property. It&#39;s applied for all screen sizes."
    }
  },
  "classDescriptions": {
    "container": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>container={true}</code>"
    },
    "direction-xs-column": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>direction=\"column\"</code>"
    },
    "direction-xs-column-reverse": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>direction=\"column-reverse\"</code>"
    },
    "direction-xs-row-reverse": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>direction=\"row-reverse\"</code>"
    },
    "root": { "description": "Styles applied to the root element." },
    "wrap-xs-nowrap": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>wrap=\"nowrap\"</code>"
    },
    "wrap-xs-wrap-reverse": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>wrap=\"reverse\"</code>"
    }
  }
}