{
    "component": "engagement-banner",
    "fixtures": [
        {
            "name": "default",
            "options": {
                "image": {
                    "src": "/example-assets/images/300x200.jpg",
                    "alt": "Placeholder image showing its intrinsic dimensions",
                    "lazy": true,
                    "widths": {
                        "mobile": "100vw",
                        "desktop": "50vw",
                        "wide": "25vw"
                    },
                    "sources": [
                        {
                            "type": "image/webp",
                            "sources": [
                                {
                                    "src": "/example-assets/images/300x200.webp",
                                    "width": 300
                                },
                                {
                                    "src": "/example-assets/images/600x400.webp",
                                    "width": 600
                                },
                                {
                                    "src": "/example-assets/images/1200x800.webp",
                                    "width": 1200
                                },
                                {
                                    "src": "/example-assets/images/1800x1200.webp",
                                    "width": 1800
                                }
                            ]
                        },
                        {
                            "type": "image/jpeg",
                            "sources": [
                                {
                                    "src": "/example-assets/images/300x200.jpg",
                                    "width": 300
                                },
                                {
                                    "src": "/example-assets/images/600x400.jpg",
                                    "width": 600
                                },
                                {
                                    "src": "/example-assets/images/1200x800.jpg",
                                    "width": 1200
                                },
                                {
                                    "src": "/example-assets/images/1800x1200.jpg",
                                    "width": 1800
                                }
                            ]
                        }
                    ]
                },
                "heading": "News",
                "shortDescription": "<p>Find out what’s going on in our community with all the latest news stories, announcements, and events.</p>",
                "link": "#",
                "linkText": "All news"
            },
            "html": "<section class=\"lbcamden-engagement-banner \">\n  <h2 class=\"lbcamden-engagement-banner__heading--mobile\">News</h2>\n  <picture class=\"lbcamden-image__wrapper\">\n  \n\n  \n    \n    \n\n    <source\n      type=\"image/webp\"\n      srcset=\"/example-assets/images/300x200.webp 300w, /example-assets/images/600x400.webp 600w, /example-assets/images/1200x800.webp 1200w, /example-assets/images/1800x1200.webp 1800w\"\n      sizes=\"(min-width: 992px) 25vw, (min-width: 768px) 50vw, 100vw\"\n    />\n  \n    \n    \n\n    <source\n      type=\"image/jpeg\"\n      srcset=\"/example-assets/images/300x200.jpg 300w, /example-assets/images/600x400.jpg 600w, /example-assets/images/1200x800.jpg 1200w, /example-assets/images/1800x1200.jpg 1800w\"\n      sizes=\"(min-width: 992px) 25vw, (min-width: 768px) 50vw, 100vw\"\n    />\n  \n\n  \n\n  <img\n    class=\"lbcamden-image lbcamden-engagement-banner__image\"\n    src=\"/example-assets/images/300x200.jpg\"\n    alt=\"Placeholder image showing its intrinsic dimensions\"\n    \n    \n    loading=\"lazy\"\n    style=\"\"\n  />\n</picture>\n\n\n  <div class=\"lbcamden-engagement-banner__content\">\n    <h2>News</h2>\n    <p>Find out what’s going on in our community with all the latest news stories, announcements, and events.</p>\n\n    <a href=\"#\">\n      All news\n    </a>\n  </div>\n</section>",
            "hidden": false
        },
        {
            "name": "classes",
            "options": {
                "classes": "app-engagement-banner--custom-modifier"
            },
            "html": "<section class=\"lbcamden-engagement-banner app-engagement-banner--custom-modifier\">\n  <h2 class=\"lbcamden-engagement-banner__heading--mobile\"></h2>\n  <picture class=\"lbcamden-image__wrapper\">\n  \n\n  \n\n  \n\n  <img\n    class=\"lbcamden-image lbcamden-engagement-banner__image\"\n    src=\"\"\n    alt=\"\"\n    \n    \n    \n    style=\"\"\n  />\n</picture>\n\n\n  <div class=\"lbcamden-engagement-banner__content\">\n    <h2></h2>\n    \n\n    <a href=\"\">\n      \n    </a>\n  </div>\n</section>",
            "hidden": true
        }
    ]
}