{
  "description": "Renders a component used for displaying headings or body copy.",
  "displayName": "Typography",
  "methods": [],
  "props": {
    "children": {
      "flowType": {
        "name": "any"
      },
      "required": true,
      "description": ""
    },
    "classes": {
      "flowType": {
        "name": "Object"
      },
      "required": true,
      "description": ""
    },
    "className": {
      "flowType": {
        "name": "string"
      },
      "required": false,
      "description": "Accepts any classNames to be passed down to the component."
    },
    "color": {
      "flowType": {
        "name": "string"
      },
      "required": false,
      "description": "Accepts a string value to be used as the color for the component."
    },
    "element": {
      "flowType": {
        "name": "string"
      },
      "required": false,
      "description": "What HTML element to use when rendered."
    },
    "gutterTop": {
      "flowType": {
        "name": "boolean"
      },
      "required": false,
      "description": "Adds margin to the top of the component"
    },
    "gutterBottom": {
      "flowType": {
        "name": "boolean"
      },
      "required": false,
      "description": "Adds margin to the bottom of the component"
    },
    "theme": {
      "flowType": {
        "name": "Object"
      },
      "required": true,
      "description": ""
    },
    "type": {
      "flowType": {
        "name": "union",
        "raw": "\"title\"| \"body\"| \"body2\"| \"heading2\"| \"heading3\"| \"heading4\"| \"heading5\"| \"heading6\"",
        "elements": [
          {
            "name": "literal",
            "value": "\"title\""
          },
          {
            "name": "literal",
            "value": "\"body\""
          },
          {
            "name": "literal",
            "value": "\"body2\""
          },
          {
            "name": "literal",
            "value": "\"heading2\""
          },
          {
            "name": "literal",
            "value": "\"heading3\""
          },
          {
            "name": "literal",
            "value": "\"heading4\""
          },
          {
            "name": "literal",
            "value": "\"heading5\""
          },
          {
            "name": "literal",
            "value": "\"heading6\""
          }
        ]
      },
      "required": true,
      "description": "Type of text to be used."
    }
  }
}