@props(['post'])

<article class="blog-card h-100">
    <a href="{{ route('blog.show', $post) }}" class="stretched-link text-decoration-none">
        <span class="visually-hidden">Read: {{ $post->title }}</span>
    </a>
    <div class="blog-card-meta small">
        <time datetime="{{ $post->published_at?->toDateString() }}">{{ $post->published_at?->format('M j, Y') }}</time>
        <span aria-hidden="true">&middot;</span>
        <span>{{ reading_time($post->body) }}</span>
    </div>
    <h3 class="h6 fw-semibold mt-2 mb-2">{{ $post->title }}</h3>
    <p class="small text-body-secondary mb-0">{{ $post->excerpt }}</p>
</article>