@props(['article', 'slug' => null, 'featured' => false])
@php($href = $slug ? route('insights.show', $slug) : route('insights.index'))
<article @class(['article-card', 'article-card--featured' => $featured])>
    <div class="article-card-media">
        <x-media-image :src="$article['image']" :alt="'Article image for '.$article['title']" ratio="3 / 2" />
    </div>
    <div class="article-card-content">
        <p class="article-card-meta">{{ $article['category'] }} <span aria-hidden="true">·</span> {{ $article['read_time'] }}</p>
        <h3>{{ $article['title'] }}</h3>
        <p class="article-card-excerpt">{{ $article['excerpt'] }}</p>
        <a class="article-card-link" href="{{ $href }}" @if(!$slug) aria-label="Read {{ $article['title'] }} in Insights" @endif>
            <span>Read More</span><span aria-hidden="true">→</span>
        </a>
    </div>
</article>