<div class="d-flex justify-content-center align-self-center align-items-center icon-and-title"
     [ngClass]="{'clickable': clickable}" [attr.role]="clickable ? 'button' : ''" (click)="handleClick($event)">
    <div class="label" *ngIf="label && label.length > 0">
        {{label}}
    </div>
    <i class="{{fontClasses}} mx-auto icon" aria-hidden="true" [title]="title"></i>

    <div class="text">
        <ng-content></ng-content>
    </div>
</div>
