{
  "component": "secondary navigation",
  "fixtures": [
    {
      "name": "default",
      "options": {
        "title": "Title",
        "headingLevel": 2,
        "items": [
          {
            "name": "Alpha",
            "href": "#/alpha"
          },
          {
            "name": "Beta",
            "href": "#/beta",
            "current": true
          },
          {
            "name": "Gamma",
            "href": "#/gamma"
          }
        ]
      },
      "html": "<nav class=\"tna-secondary-navigation tna-secondary-navigation--unindent\" aria-label=\"Title\"><h2 class=\"tna-secondary-navigation__heading tna-heading-s\">Title</h2><ul class=\"tna-secondary-navigation__items\"><li class=\"tna-secondary-navigation__item\"><a href=\"#/alpha\" class=\"tna-secondary-navigation__link\">Alpha</a></li><li class=\"tna-secondary-navigation__item tna-secondary-navigation__item--current\"><a href=\"#/beta\" class=\"tna-secondary-navigation__link\">Beta</a></li><li class=\"tna-secondary-navigation__item\"><a href=\"#/gamma\" class=\"tna-secondary-navigation__link\">Gamma</a></li></ul></nav>"
    },
    {
      "name": "no bottom border",
      "options": {
        "title": "Title",
        "headingLevel": 2,
        "items": [
          {
            "name": "Alpha",
            "href": "#/alpha"
          },
          {
            "name": "Beta",
            "href": "#/beta",
            "current": true
          },
          {
            "name": "Gamma",
            "href": "#/gamma"
          }
        ],
        "noBottomBorder": true
      },
      "html": "<nav class=\"tna-secondary-navigation tna-secondary-navigation--no-bottom-border tna-secondary-navigation--unindent\" aria-label=\"Title\"><h2 class=\"tna-secondary-navigation__heading tna-heading-s\">Title</h2><ul class=\"tna-secondary-navigation__items\"><li class=\"tna-secondary-navigation__item\"><a href=\"#/alpha\" class=\"tna-secondary-navigation__link\">Alpha</a></li><li class=\"tna-secondary-navigation__item tna-secondary-navigation__item--current\"><a href=\"#/beta\" class=\"tna-secondary-navigation__link\">Beta</a></li><li class=\"tna-secondary-navigation__item\"><a href=\"#/gamma\" class=\"tna-secondary-navigation__link\">Gamma</a></li></ul></nav>"
    },
    {
      "name": "overflow",
      "options": {
        "title": "Title",
        "headingLevel": 2,
        "items": [
          {
            "name": "Alpha",
            "href": "#/alpha"
          },
          {
            "name": "Beta",
            "href": "#/beta",
            "current": true
          },
          {
            "name": "Gamma",
            "href": "#/gamma"
          }
        ],
        "overflow": true
      },
      "html": "<nav class=\"tna-secondary-navigation tna-secondary-navigation--overflow tna-secondary-navigation--unindent\" aria-label=\"Title\"><h2 class=\"tna-secondary-navigation__heading tna-heading-s\">Title</h2><ul class=\"tna-secondary-navigation__items\"><li class=\"tna-secondary-navigation__item\"><a href=\"#/alpha\" class=\"tna-secondary-navigation__link\">Alpha</a></li><li class=\"tna-secondary-navigation__item tna-secondary-navigation__item--current\"><a href=\"#/beta\" class=\"tna-secondary-navigation__link\">Beta</a></li><li class=\"tna-secondary-navigation__item\"><a href=\"#/gamma\" class=\"tna-secondary-navigation__link\">Gamma</a></li></ul></nav>"
    },
    {
      "name": "no unindentation",
      "options": {
        "title": "Title",
        "headingLevel": 2,
        "items": [
          {
            "name": "Alpha",
            "href": "#/alpha"
          },
          {
            "name": "Beta",
            "href": "#/beta",
            "current": true
          },
          {
            "name": "Gamma",
            "href": "#/gamma"
          }
        ],
        "noUnindentation": true
      },
      "html": "<nav class=\"tna-secondary-navigation\" aria-label=\"Title\"><h2 class=\"tna-secondary-navigation__heading tna-heading-s\">Title</h2><ul class=\"tna-secondary-navigation__items\"><li class=\"tna-secondary-navigation__item\"><a href=\"#/alpha\" class=\"tna-secondary-navigation__link\">Alpha</a></li><li class=\"tna-secondary-navigation__item tna-secondary-navigation__item--current\"><a href=\"#/beta\" class=\"tna-secondary-navigation__link\">Beta</a></li><li class=\"tna-secondary-navigation__item\"><a href=\"#/gamma\" class=\"tna-secondary-navigation__link\">Gamma</a></li></ul></nav>"
    },
    {
      "name": "hidden heading",
      "options": {
        "title": "Title",
        "headingLevel": 2,
        "items": [
          {
            "name": "Alpha",
            "href": "#/alpha"
          },
          {
            "name": "Beta",
            "href": "#/beta",
            "current": true
          },
          {
            "name": "Gamma",
            "href": "#/gamma"
          }
        ],
        "visuallyHideHeading": true
      },
      "html": "<nav class=\"tna-secondary-navigation tna-secondary-navigation--unindent\" aria-label=\"Title\"><h2 class=\"tna-secondary-navigation__heading tna-heading-s tna-visually-hidden\">Title</h2><ul class=\"tna-secondary-navigation__items\"><li class=\"tna-secondary-navigation__item\"><a href=\"#/alpha\" class=\"tna-secondary-navigation__link\">Alpha</a></li><li class=\"tna-secondary-navigation__item tna-secondary-navigation__item--current\"><a href=\"#/beta\" class=\"tna-secondary-navigation__link\">Beta</a></li><li class=\"tna-secondary-navigation__item\"><a href=\"#/gamma\" class=\"tna-secondary-navigation__link\">Gamma</a></li></ul></nav>"
    },
    {
      "name": "with classes",
      "options": {
        "title": "Title",
        "headingLevel": 2,
        "items": [
          {
            "name": "Alpha",
            "href": "#/alpha"
          },
          {
            "name": "Beta",
            "href": "#/beta",
            "current": true
          },
          {
            "name": "Gamma",
            "href": "#/gamma"
          }
        ],
        "classes": "secondary-navigation__test-class"
      },
      "html": "<nav class=\"tna-secondary-navigation secondary-navigation__test-class tna-secondary-navigation--unindent\" aria-label=\"Title\"><h2 class=\"tna-secondary-navigation__heading tna-heading-s\">Title</h2><ul class=\"tna-secondary-navigation__items\"><li class=\"tna-secondary-navigation__item\"><a href=\"#/alpha\" class=\"tna-secondary-navigation__link\">Alpha</a></li><li class=\"tna-secondary-navigation__item tna-secondary-navigation__item--current\"><a href=\"#/beta\" class=\"tna-secondary-navigation__link\">Beta</a></li><li class=\"tna-secondary-navigation__item\"><a href=\"#/gamma\" class=\"tna-secondary-navigation__link\">Gamma</a></li></ul></nav>"
    },
    {
      "name": "with attributes",
      "options": {
        "title": "Title",
        "headingLevel": 2,
        "items": [
          {
            "name": "Alpha",
            "href": "#/alpha"
          },
          {
            "name": "Beta",
            "href": "#/beta",
            "current": true
          },
          {
            "name": "Gamma",
            "href": "#/gamma"
          }
        ],
        "attributes": {
          "data-testattribute": "foobar"
        }
      },
      "html": "<nav class=\"tna-secondary-navigation tna-secondary-navigation--unindent\" aria-label=\"Title\" data-testattribute=\"foobar\"><h2 class=\"tna-secondary-navigation__heading tna-heading-s\">Title</h2><ul class=\"tna-secondary-navigation__items\"><li class=\"tna-secondary-navigation__item\"><a href=\"#/alpha\" class=\"tna-secondary-navigation__link\">Alpha</a></li><li class=\"tna-secondary-navigation__item tna-secondary-navigation__item--current\"><a href=\"#/beta\" class=\"tna-secondary-navigation__link\">Beta</a></li><li class=\"tna-secondary-navigation__item\"><a href=\"#/gamma\" class=\"tna-secondary-navigation__link\">Gamma</a></li></ul></nav>"
    }
  ]
}