@props([
    'href' => '#',
    'image' => '',
    // Defaults to the title, which is what the legacy cards used.
    'alt' => null,
    'title' => '',
    'category' => '',
    'date' => '',
    'excerpt' => '',
])

<article {{ $attributes->class(['article-card']) }}>
	<a class="article-card-link" href="{{ $href }}">
		<div class="article-card-media">
			<img src="{{ \App\Support\MediaUrl::resolve($image) ?? asset('assets/img/insights/article-1.jpg') }}" alt="{{ $alt ?? $title }}" loading="lazy" decoding="async">
		</div>
		<div class="article-card-body">
			<h3 class="article-card-title">{{ $title }}</h3>
			@if ($excerpt !== '')
				<p class="article-card-excerpt">{{ $excerpt }}</p>
			@endif
			<div class="article-card-meta">
				<span>{{ $category }}</span>
				<span>{{ $date }}</span>
			</div>
		</div>
	</a>
</article>