@use('Illuminate\Support\Facades\Storage', 'Storage')

<article class="max-w-xs">
    <a href="{{ route('news.show', $news) }}" class="block bg-slate-700 rounded-lg mb-3">
        @if(Storage::disk('public')->exists(($news->image ?? '.jpg')))
        <img src="{{ asset('storage/' . $news->image) }}" class="w-full rounded-lg aspect-[4/3]" alt="Image">
        @else
        <div class="w-full rounded-lg aspect-[4/3] bg-gradient-to-t from-black"></div>
        @endif
    </a>
    <h2 class="mb-2 text-xl font-bold leading-tight text-gray-900 dark:text-white">
        <a href="{{ route('news.show', $news) }}">{{ str($news->title)->excerpt() }}</a>
    </h2>
    <p class="mb-4  text-gray-500 dark:text-gray-400">{{ str($news->content)->inlineMarkdown(['html_input' => 'strip'])->excerpt() }}</p>
    <a href="{{ route('news.show', $news) }}" class="inline-flex items-center font-medium underline underline-offset-4 text-primary-600 dark:text-primary-500 hover:no-underline">Read</a>
</article>