@props(['logo' => '#', 'label' => '', 'link'=> ''])

<div class="flex items-center flex-col justify-between text-center p-5 shadow-lg rounded-2xl">
    <img src="{{$logo}}" alt="{{$label}}" width="96px" class="mb-4">
    <p class="text-blue mb-8 text-lg leading-6">
        {{$slot}}
    </p>
    @if($link !== '')
        <a href="{{$link}}" target="_blank"
           class="border border-blue-pastel  py-2.5 px-5 rounded-full text-blue flex items-center space-x-3">
            <svg width="16" height="19" viewBox="0 0 16 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M7.5 1.5L7.5 16.5" stroke="#B6D0DD" stroke-width="2" stroke-linecap="round"
                      stroke-linejoin="round"/>
                <path d="M14.5 18L1 18" stroke="#B6D0DD" stroke-width="2" stroke-linecap="round"
                      stroke-linejoin="round"/>
                <path d="M7.5 16.5L11.0832 12.9168" stroke="#B6D0DD" stroke-width="2" stroke-linecap="round"
                      stroke-linejoin="round"/>
                <path d="M7.5 16.5L3.91677 12.9168" stroke="#B6D0DD" stroke-width="2" stroke-linecap="round"
                      stroke-linejoin="round"/>
            </svg>
            <span class="text-blue-pastel">PDF</span>
        </a>
    @endif
</div>