{
  "name": "Back link",
  "component": "back-link",
  "fixtures": [
    {
      "name": "default",
      "context": {
        "text": "Back",
        "href": "#"
      },
      "screenshot": {
        "states": [
          "focus",
          "hover",
          "active"
        ],
        "selector": ".nhsuk-back-link"
      },
      "options": {},
      "html": "<a class=\"nhsuk-back-link\" href=\"#\">\n  Back\n</a>"
    },
    {
      "name": "default",
      "description": "reverse",
      "context": {
        "text": "Back",
        "href": "#",
        "variant": "reverse"
      },
      "screenshot": {
        "states": [
          "focus",
          "hover",
          "active"
        ],
        "selector": ".nhsuk-back-link"
      },
      "options": {
        "layout": "background-blue"
      },
      "html": "<a class=\"nhsuk-back-link nhsuk-back-link--reverse\" href=\"#\">\n  Back\n</a>"
    },
    {
      "name": "with HTML",
      "context": {
        "html": "What to expect at A&amp;E"
      },
      "screenshot": false,
      "options": {},
      "html": "<button class=\"nhsuk-back-link\" type=\"submit\">\n  What to expect at A&amp;E\n</button>"
    },
    {
      "name": "with HTML via call block",
      "context": {},
      "callBlock": "What to expect at A&amp;E",
      "screenshot": false,
      "options": {},
      "html": "<button class=\"nhsuk-back-link\" type=\"submit\">\n  What to expect at A&amp;E\n</button>"
    },
    {
      "name": "with text escaping",
      "context": {
        "text": "What to expect at A&E"
      },
      "screenshot": false,
      "options": {},
      "html": "<button class=\"nhsuk-back-link\" type=\"submit\">\n  What to expect at A&amp;E\n</button>"
    },
    {
      "name": "as a button",
      "context": {
        "text": "Back",
        "type": "submit"
      },
      "screenshot": {
        "states": [
          "focus",
          "hover",
          "active"
        ],
        "selector": ".nhsuk-back-link"
      },
      "options": {},
      "html": "<button class=\"nhsuk-back-link\" type=\"submit\">\n  Back\n</button>"
    },
    {
      "name": "as a button",
      "description": "reverse",
      "context": {
        "text": "Back",
        "type": "submit",
        "variant": "reverse"
      },
      "screenshot": {
        "states": [
          "focus",
          "hover",
          "active"
        ],
        "selector": ".nhsuk-back-link"
      },
      "options": {
        "layout": "background-blue"
      },
      "html": "<button class=\"nhsuk-back-link nhsuk-back-link--reverse\" type=\"submit\">\n  Back\n</button>"
    }
  ]
}