{
  "name": "Overlay",
  "notes": "",
  "description": "An element that takes over the screen to help bring focus to an element for the user. Used in conjunction with the {0} Panel {1} and {2} Dialog {3} and available in clear and dark.",
  "template": "Overlay.html",
  "class": "ms-Overlay",
  "wrapBranches": true,
  "fileOrder": [
    "Overlay.html",
    "Overlay.Dark.html",
    "Overlay.None.html"
  ],
  "branches": [
    {
      "name": "Light (default)",
      "default": true
    },
    {
      "name": "Dark",
      "class": "ms-Overlay--dark"
    },
    {
      "name": "None",
      "notes": "A hidden overlay, used primarily as part of other components like the dialog.",
      "class": "ms-Overlay--none"
    }
  ]
}