@let backgroundClass =
    isSelected ? 'background-gray' : 'background-white background-hover-bw2';

<div
    class="w-100 c-pointer p-l-6 p-b-6 p-r-4 p-t-4 br-2"
    [ngClass]="backgroundClass"
    (click)="onCardClick()"
>
    <div class="m-b-4">
        <ng-container
            *ngTemplateOutlet="
                cardTitleTemplate;
                context: {
                    data: cardData,
                }
            "
        ></ng-container>
    </div>

    <div class="m-b-4">
        <ng-container
            *ngTemplateOutlet="
                cardMiddleContentTemplate;
                context: {
                    data: cardData,
                }
            "
        ></ng-container>
    </div>

    <div>
        <ng-container
            *ngTemplateOutlet="
                cardBottomContentTemplate;
                context: {
                    data: cardData,
                }
            "
        ></ng-container>
    </div>
</div>