{
  "componentDescription": "",
  "propDescriptions": {
    "children": {
      "description": "The content of the component, normally an <code>&lt;img&gt;</code>."
    },
    "classes": { "description": "Override or extend the styles applied to the component." },
    "cols": { "description": "Width of the item in number of grid columns." },
    "component": {
      "description": "The component used for the root node. Either a string to use a HTML element or a component."
    },
    "rows": { "description": "Height of the item in number of grid rows." },
    "sx": {
      "description": "The system prop that allows defining system overrides as well as additional CSS styles."
    }
  },
  "classDescriptions": {
    "img": {
      "description": "Styles applied to {{nodeName}}.",
      "nodeName": "an <code>img</code> element to ensure it covers the item"
    },
    "masonry": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>variant=\"masonry\"</code>"
    },
    "quilted": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>variant=\"quilted\"</code>"
    },
    "root": { "description": "Styles applied to the root element." },
    "standard": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>variant=\"standard\"</code>"
    },
    "woven": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>variant=\"woven\"</code>"
    }
  }
}