@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="{{$cardImage->name}}" src="{{$cardImage->medium_image_url}}"/>--}}
        <img alt="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(!empty($cardLink) && !empty($cardButtonText))
        <div class="c-card__action">
            @include('components.button', ['isButton' => $isCardClickable, 'modifiers' => ['icon', 'green'], 'buttonText' => $cardButtonText])
        </div>
    @endif

</div>

</{{$elem}}>