{{#if this}}
<div data-container="social-links">
{{#each this}}
<a href="{{url}}" class="nav-item" target="_blank" rel="noopener" data-type="social-link" data-name="{{name}}" data-url="{{url}}" data-icon="{{icon}}">
    <div class="icon-container">
        <i class="{{icon}}"></i>
    </div>
    <span class="nav-text" data-editable="social-link-name">{{name}}</span>
    <i class="fas fa-external-link-alt external-icon"></i>
</a>
{{/each}}
</div>
{{/if}}