{
    "component": "skip-link",
    "fixtures": [
        {
            "name": "default",
            "options": {
                "text": "Skip to main content",
                "href": "#content"
            },
            "html": "<a href=\"#content\" class=\"moaland-skip-link\">Skip to main content</a>",
            "hidden": false
        },
        {
            "name": "with focus",
            "options": {
                "classes": ":focus",
                "text": "Skip to main content",
                "href": "#content"
            },
            "html": "<a href=\"#content\" class=\"moaland-skip-link :focus\">Skip to main content</a>",
            "hidden": false
        },
        {
            "name": "default values",
            "options": {},
            "html": "<a href=\"#content\" class=\"moaland-skip-link\"></a>",
            "hidden": true
        },
        {
            "name": "custom href",
            "options": {
                "text": "Skip to custom content",
                "href": "#custom"
            },
            "html": "<a href=\"#custom\" class=\"moaland-skip-link\">Skip to custom content</a>",
            "hidden": true
        },
        {
            "name": "custom text",
            "options": {
                "text": "skip"
            },
            "html": "<a href=\"#content\" class=\"moaland-skip-link\">skip</a>",
            "hidden": true
        },
        {
            "name": "html as text",
            "options": {
                "text": "<p>skip</p>"
            },
            "html": "<a href=\"#content\" class=\"moaland-skip-link\">&lt;p&gt;skip&lt;/p&gt;</a>",
            "hidden": true
        },
        {
            "name": "html",
            "options": {
                "html": "<p>skip</p>"
            },
            "html": "<a href=\"#content\" class=\"moaland-skip-link\"><p>skip</p></a>",
            "hidden": true
        },
        {
            "name": "classes",
            "options": {
                "text": "Skip link",
                "classes": "app-skip-link--custom-class"
            },
            "html": "<a href=\"#content\" class=\"moaland-skip-link app-skip-link--custom-class\">Skip link</a>",
            "hidden": true
        },
        {
            "name": "attributes",
            "options": {
                "text": "Skip link",
                "attributes": {
                    "data-test": "attribute",
                    "aria-label": "Skip to content"
                }
            },
            "html": "<a href=\"#content\" class=\"moaland-skip-link\" data-test=\"attribute\" aria-label=\"Skip to content\">Skip link</a>",
            "hidden": true
        }
    ]
}