@props([
    'items' => [],
    'empty' => '',
    'moreUrl' => null,
    'heading' => null,
])

<div class="cchp-mega__col">
    @if ($heading)
        <h5 class="cchp-mega__heading">{{ $heading }}</h5>
    @endif
    <div class="cchp-mega__news-grid">
        @forelse ($items as $item)
            <a href="{{ $item['url'] }}" class="cchp-mega__news-card">
                @if ($item['image'])
                    <img src="{{ $item['image'] }}" alt="" class="cchp-mega__news-card-img" />
                @else
                    <span class="cchp-mega__news-card-img cchp-mega__news-card-img--empty" aria-hidden="true"></span>
                @endif
                <span class="cchp-mega__news-card-title">{{ $item['title'] }}</span>
                @if (! empty($item['date']))
                    <time class="cchp-mega__news-card-date" @if (! empty($item['datetime'])) datetime="{{ $item['datetime'] }}" @endif>{{ $item['date'] }}</time>
                @endif
            </a>
        @empty
            @if ($empty !== '')
                <p class="cchp-mega__empty">{{ $empty }}</p>
            @endif
        @endforelse
    </div>
    @if ($moreUrl)
        <a href="{{ $moreUrl }}" class="cchp-mega__more">{{ __('site.mega_view_all') }}</a>
    @endif
</div>