<clr-dropdown>
    <button class="btn btn-link trigger" clrDropdownTrigger>
        <span class="user-name">{{ userName }}</span>
        <clr-icon shape="user" size="24"></clr-icon>
        <clr-icon shape="caret down"></clr-icon>
    </button>
    <clr-dropdown-menu clrPosition="bottom-right" *clrIfOpen>
        <button type="button" clrDropdownItem (click)="logOut.emit()">
            {{ 'common.log-out' | translate }}
        </button>
    </clr-dropdown-menu>
</clr-dropdown>
