@props(['titre'=>'Titre','href'=>'','total'=>'00','icon'=>'fas fa-baby text-red-500'])
<a href="{{$href}}">
<div class="border border-gray-200 bg-white w-full min-w-40 h-32 max-h-32 min-h-32 rounded p-7 shadow">
    <div class="flex justify-between">
        <div class="flex-grow relative font-bold text-xl">
            {{$titre}}
        </div>
            
        <div class="bg-gray-200 relative -translate-y-12 shadow-sm w-14 h-14  rounded-md">
        <div class="shadow-lg flex justify-center translate-y-1 translate-x-2 items-center bg-white w-12 h-12  rounded-md"> 
            <span class="{{$icon}}"></span>
        </div>
        </div>
    </div>
    <div class="flex flex-col items-end -translate-y-4">
        <div class="text-gray-400 text-xs font-normal">
            {{__('Voatahiry')}}
        </div>
        <div class="text-gray-800 text-base leading-12">
            {{$total}}
        </div>
    </div>
</div>
</a>