<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:ama="AmadeusAgentur\AmadeusNext\ViewHelpers" data-namespace-typo3-fluid="true">
<ul class="flex flex-row gap-2">
    <f:for each="{settings.socialmedia}"
           key="channelKey"
           as="channelOptions">
        <f:if condition="{channelOptions.url} && {channelOptions.icon}">
            <li class="list-inline-item">
                <a class="sociallinks-link sociallinks-link--{channelKey} text-dark"
                   href="{channelOptions.url}"
                   rel="noopener"
                   target="_blank">
                    <ama:inlineSvg src="{channelOptions.icon}"
                                   class="sociallinks-link-icon sociallinks-link-icon--{channelKey}"
                                   height="16"
                                   width="16"/>
                    <span class="sr-only">{f:translate(key: 'label.sociallinks', extensionName: 'amadeus_next')} {channelOptions.label}</span>
                </a>
            </li>
        </f:if>
    </f:for>
</ul>
