<template name="roundedButtonGroup">
    <div class="{{class}} roundedButtonGroup clearfix center-table">
        {{#each item in this.options}}
            <a class="roundedButtonWrapper noselect {{#if eq getValue item.value}}active{{/if}}" data-value="{{item.value}}">
                <div class="roundedButton">
                    {{#if item.svgLink}}
                        <svg style="width: {{item.svgWidth}}px; height: {{item.svgHeight}}px">
                            <use xlink:href="{{absoluteUrl item.svgLink}}"></use>
                        </svg>
                    {{/if}}
                    {{#if item.text}}
                        <span>{{item.text}}</span>
                    {{/if}}
                    {{#if item.iconClasses}}
                        <i class="{{item.iconClasses}}"></i>
                    {{/if}}
                </div>
                {{#if item.bottomLabel}}
                    <div class="bottomLabel">{{item.bottomLabel}}</div>
                {{/if}}
            </a>
        {{/each}}
    </div>
</template>
