@props(['title', 'cost'])

<div class="border-3 border-secondary bg-white w-72 h-60 rounded-3xl flex flex-col items-center p-6 justify-between [&_svg]:size-20 text-secondary [&_svg]:opacity-80">
    {{ $slot }}
    <p class="uppercase text-lg font-bold text-center">{{ $title }}</p>
    <div class="bg-secondary text-white rounded-lg px-4 py-1 w-full text-center">
        <p class="text-md font-bold uppercase">Costi ammissibili</p>
        <p class="text-sm">{{ \Illuminate\Support\Number::currency($cost, 'EUR', 'it') }}</p>
    </div>
</div>