@if($composedPosts->count() > 0)
    <div class="o-card-grid">

        @if(!isset($postGridDisableHeading) || $postGridDisableHeading != true)
            <h2 class="o-card-grid__heading">{{__('site/posts.heading')}}</h2>
        @endif

        <div class="o-card-grid__main">
            @foreach($composedPosts as $postKey => $post)
                <article class="o-card-grid__item" data-kal="slide-up" style="--kal-delay: {{$postKey * 150}}ms;">
                    @include('components.postCard', [
                         'cardImage' => (isset($post->images) && $post->images->count() > 0) ? $post->images->first()->thumb_image_url : null,
                         'cardTitle' => $post->translation->name,
                         'cardText' => $post->translation->meta_description,
                         'cardLink' => $links->posts->route .'/'. $post->translation->slug,
                         'cardButtonText' => __('site/posts.readMore'),
                     ])
                </article>
            @endforeach
        </div>
    </div>
@endif