@php
    $isCardClickable = isset($clickable) && $clickable == true ? true : false;
    $elem = $isCardClickable ? 'a' : 'div';

@endphp


<{{$elem}} class="c-card  @modifiers('c-card')" @if($isCardClickable) href="{{$cardLink}}" @endif>

@if(!empty($cardImage))
    <div class="c-card__image">
        <img alt="{{ $cardAltImage ?? 'card image' }}" src="{{$cardImage}}"/>
    </div>
@endif

<div class="c-card__body">
    @if(!empty($cardTitle))<h3 class="c-card__title">{{ $cardTitle }}</h3>@endif

    <div class="c-card__content">
        {!! $cardText ?? '' !!}
    </div>

    @if(isset($cardContactPerson))
        <div class="c-card__author">
            @include('site.components.author', ['contactPerson' => $cardContactPerson])
        </div>
    @endif

    @if(!empty($cardLink) && !empty($cardButtonText))
        <div class="c-card__action">
            @include('site.components.button', ['isButton' => $isCardClickable, 'modifiers' => ['icon', 'green'], 'buttonText' => $cardButtonText])
        </div>
    @endif

</div>

</{{$elem}}>