@(sharelinks: model.ShareLinkMeta, position: String = "bottom", iconModifier: List[String] = Nil)

<ul class="social social--@position js-social--@position u-unstyled u-cf" data-component="social">
    @sharelinks.visible.map { link => @ShareLink(Nil, link) }
</ul>

@ShareLink(extraClasses: List[String], item: model.ShareLink) = {
    <li class="social__item social__item--@item.css @extraClasses.mkString(" ")" data-link-name="@item.css">
        <a  class="social__action js-social__action--@position social-icon-wrapper"
        data-link-name="social @position"
        href="@item.href"
        target="_blank"
        title="@item.text">
            <span class='@if(item.css.matches("facebook|twitter|email")) {inline-icon__fallback button} else { u-h }'>@item.userMessage</span>
            @fragments.inlineSvg("share-" + item.css, "icon", List("rounded-icon", "centered-icon", "social-icon", "social-icon--" + item.css) ++ iconModifier)
        </a>
    </li>
}