@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>

    <div class="c-card__image-placeholder">
        <div class="c-card__image">
            @if(!empty($cardImage))
    {{--        <img alt="{{$cardImage->name}}" src="{{$cardImage->medium_image_url}}"/>--}}
                <img alt="card image" class="u-object-cover" data-object-cover src="{{$cardImage}}"/>
            @endif
        </div>
    </div>

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

        @if(!empty($cardText))
            <div class="c-card__content">
                {!! $cardText ?? '' !!}
            </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}}>