<div class="card">
    <div class="card-header">
        <ul class="nav nav-tabs card-header-tabs"
            [routerLinkActive]="['link-active']">
            <li *ngFor="let item of tabItems" class="nav-item">
                <a [ngClass]="item.title == activeTabTitle ? 'nav-link active' : 'nav-link'" aria-current="true"
                    [routerLink]="[item.routerLink]">{{ item.title }}</a>
            </li>
        </ul>
    </div>
    <div [ngClass]="'card-body p-' + padding">
        <ng-content select=".body-content"></ng-content>
    </div>
</div>