{
  "name": "Tag",
  "component": "tag",
  "fixtures": [
    {
      "name": "default",
      "context": {
        "text": "Active"
      },
      "screenshot": {
        "viewports": [
          "mobile"
        ]
      },
      "options": {},
      "html": "<strong class=\"nhsuk-tag\">\n  Active\n</strong>"
    },
    {
      "name": "default",
      "description": "white",
      "context": {
        "text": "In progress",
        "colour": "white"
      },
      "screenshot": {
        "viewports": [
          "mobile"
        ]
      },
      "options": {},
      "html": "<strong class=\"nhsuk-tag nhsuk-tag--white\">\n  In progress\n</strong>"
    },
    {
      "name": "default",
      "description": "grey",
      "context": {
        "text": "Inactive",
        "colour": "grey"
      },
      "screenshot": {
        "viewports": [
          "mobile"
        ]
      },
      "options": {},
      "html": "<strong class=\"nhsuk-tag nhsuk-tag--grey\">\n  Inactive\n</strong>"
    },
    {
      "name": "default",
      "description": "green",
      "context": {
        "text": "New",
        "colour": "green"
      },
      "screenshot": {
        "viewports": [
          "mobile"
        ]
      },
      "options": {},
      "html": "<strong class=\"nhsuk-tag nhsuk-tag--green\">\n  New\n</strong>"
    },
    {
      "name": "default",
      "description": "aqua-green",
      "context": {
        "text": "Active",
        "colour": "aqua-green"
      },
      "screenshot": {
        "viewports": [
          "mobile"
        ]
      },
      "options": {},
      "html": "<strong class=\"nhsuk-tag nhsuk-tag--aqua-green\">\n  Active\n</strong>"
    },
    {
      "name": "default",
      "description": "blue",
      "context": {
        "text": "Pending",
        "colour": "blue"
      },
      "screenshot": {
        "viewports": [
          "mobile"
        ]
      },
      "options": {},
      "html": "<strong class=\"nhsuk-tag nhsuk-tag--blue\">\n  Pending\n</strong>"
    },
    {
      "name": "default",
      "description": "purple",
      "context": {
        "text": "Received",
        "colour": "purple"
      },
      "screenshot": {
        "viewports": [
          "mobile"
        ]
      },
      "options": {},
      "html": "<strong class=\"nhsuk-tag nhsuk-tag--purple\">\n  Received\n</strong>"
    },
    {
      "name": "default",
      "description": "pink",
      "context": {
        "text": "Sent",
        "colour": "pink"
      },
      "screenshot": {
        "viewports": [
          "mobile"
        ]
      },
      "options": {},
      "html": "<strong class=\"nhsuk-tag nhsuk-tag--pink\">\n  Sent\n</strong>"
    },
    {
      "name": "default",
      "description": "red",
      "context": {
        "text": "Rejected",
        "colour": "red"
      },
      "screenshot": {
        "viewports": [
          "mobile"
        ]
      },
      "options": {},
      "html": "<strong class=\"nhsuk-tag nhsuk-tag--red\">\n  Rejected\n</strong>"
    },
    {
      "name": "default",
      "description": "orange",
      "context": {
        "text": "Declined",
        "colour": "orange"
      },
      "screenshot": {
        "viewports": [
          "mobile"
        ]
      },
      "options": {},
      "html": "<strong class=\"nhsuk-tag nhsuk-tag--orange\">\n  Declined\n</strong>"
    },
    {
      "name": "default",
      "description": "yellow",
      "context": {
        "text": "Delayed",
        "colour": "yellow"
      },
      "screenshot": {
        "viewports": [
          "mobile"
        ]
      },
      "options": {},
      "html": "<strong class=\"nhsuk-tag nhsuk-tag--yellow\">\n  Delayed\n</strong>"
    },
    {
      "name": "colour class",
      "context": {
        "text": "Green",
        "classes": "nhsuk-tag--green"
      },
      "screenshot": false,
      "options": {},
      "html": "<strong class=\"nhsuk-tag nhsuk-tag--green\">\n  Green\n</strong>"
    },
    {
      "name": "colour class overriding colour param",
      "context": {
        "text": "Not green",
        "colour": "green",
        "classes": "nhsuk-tag--red"
      },
      "screenshot": false,
      "options": {},
      "html": "<strong class=\"nhsuk-tag nhsuk-tag--red\">\n  Not green\n</strong>"
    },
    {
      "name": "without border",
      "context": {
        "border": false,
        "text": "Active"
      },
      "screenshot": {
        "viewports": [
          "mobile"
        ]
      },
      "options": {
        "layout": "background-blue"
      },
      "html": "<strong class=\"nhsuk-tag nhsuk-tag--no-border\">\n  Active\n</strong>"
    },
    {
      "name": "without border",
      "description": "white",
      "context": {
        "border": false,
        "text": "In progress",
        "colour": "white"
      },
      "screenshot": {
        "viewports": [
          "mobile"
        ]
      },
      "options": {
        "layout": "background-blue"
      },
      "html": "<strong class=\"nhsuk-tag nhsuk-tag--white nhsuk-tag--no-border\">\n  In progress\n</strong>"
    },
    {
      "name": "without border",
      "description": "grey",
      "context": {
        "border": false,
        "text": "Inactive",
        "colour": "grey"
      },
      "screenshot": {
        "viewports": [
          "mobile"
        ]
      },
      "options": {
        "layout": "background-blue"
      },
      "html": "<strong class=\"nhsuk-tag nhsuk-tag--grey nhsuk-tag--no-border\">\n  Inactive\n</strong>"
    },
    {
      "name": "without border",
      "description": "green",
      "context": {
        "border": false,
        "text": "New",
        "colour": "green"
      },
      "screenshot": {
        "viewports": [
          "mobile"
        ]
      },
      "options": {
        "layout": "background-blue"
      },
      "html": "<strong class=\"nhsuk-tag nhsuk-tag--green nhsuk-tag--no-border\">\n  New\n</strong>"
    },
    {
      "name": "without border",
      "description": "aqua-green",
      "context": {
        "border": false,
        "text": "Active",
        "colour": "aqua-green"
      },
      "screenshot": {
        "viewports": [
          "mobile"
        ]
      },
      "options": {
        "layout": "background-blue"
      },
      "html": "<strong class=\"nhsuk-tag nhsuk-tag--aqua-green nhsuk-tag--no-border\">\n  Active\n</strong>"
    },
    {
      "name": "without border",
      "description": "blue",
      "context": {
        "border": false,
        "text": "Pending",
        "colour": "blue"
      },
      "screenshot": {
        "viewports": [
          "mobile"
        ]
      },
      "options": {
        "layout": "background-blue"
      },
      "html": "<strong class=\"nhsuk-tag nhsuk-tag--blue nhsuk-tag--no-border\">\n  Pending\n</strong>"
    },
    {
      "name": "without border",
      "description": "purple",
      "context": {
        "border": false,
        "text": "Received",
        "colour": "purple"
      },
      "screenshot": {
        "viewports": [
          "mobile"
        ]
      },
      "options": {
        "layout": "background-blue"
      },
      "html": "<strong class=\"nhsuk-tag nhsuk-tag--purple nhsuk-tag--no-border\">\n  Received\n</strong>"
    },
    {
      "name": "without border",
      "description": "pink",
      "context": {
        "border": false,
        "text": "Sent",
        "colour": "pink"
      },
      "screenshot": {
        "viewports": [
          "mobile"
        ]
      },
      "options": {
        "layout": "background-blue"
      },
      "html": "<strong class=\"nhsuk-tag nhsuk-tag--pink nhsuk-tag--no-border\">\n  Sent\n</strong>"
    },
    {
      "name": "without border",
      "description": "red",
      "context": {
        "border": false,
        "text": "Rejected",
        "colour": "red"
      },
      "screenshot": {
        "viewports": [
          "mobile"
        ]
      },
      "options": {
        "layout": "background-blue"
      },
      "html": "<strong class=\"nhsuk-tag nhsuk-tag--red nhsuk-tag--no-border\">\n  Rejected\n</strong>"
    },
    {
      "name": "without border",
      "description": "orange",
      "context": {
        "border": false,
        "text": "Declined",
        "colour": "orange"
      },
      "screenshot": {
        "viewports": [
          "mobile"
        ]
      },
      "options": {
        "layout": "background-blue"
      },
      "html": "<strong class=\"nhsuk-tag nhsuk-tag--orange nhsuk-tag--no-border\">\n  Declined\n</strong>"
    },
    {
      "name": "without border",
      "description": "yellow",
      "context": {
        "border": false,
        "text": "Delayed",
        "colour": "yellow"
      },
      "screenshot": {
        "viewports": [
          "mobile"
        ]
      },
      "options": {
        "layout": "background-blue"
      },
      "html": "<strong class=\"nhsuk-tag nhsuk-tag--yellow nhsuk-tag--no-border\">\n  Delayed\n</strong>"
    }
  ]
}