@props(['props'])
<article class="w-full shadow-lg rounded-b-lg bg-white">
    <div class="max-h-40 rounded-t-lg overflow-hidden">
        <img class="object-cove h-40 w-full" :src="'/storage/' + post.image" :alt="post.title">
    </div>
    <div class="relative bg-white p-8 rounded-b-lg">
        <a :href="'/blog/' + post.slug" class="text-blue-contrast absolute -top-5 right-10">
            <svg width="41" height="39" viewBox="0 0 41 39" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path
                    d="M40.029 19.5728C40.029 29.9556 31.3148 38.4014 20.529 38.4014C9.74326 38.4014 1.02905 29.9556 1.02905 19.5728C1.02905 9.18996 9.74326 0.744141 20.529 0.744141C31.3148 0.744141 40.029 9.18996 40.029 19.5728Z"
                    fill="currentColor" stroke="currentColor"/>
                <path d="M18.529 25.3711L24.529 19.5725" stroke="white" stroke-width="2"
                      stroke-linecap="round" stroke-linejoin="round"/>
                <path d="M24.529 19.5723L18.529 13.7737" stroke="white" stroke-width="2"
                      stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
        </a>
        <p class="" x-text="post.title"></p>
    </div>
</article>