 @props(['desc', 'amount', '_color'])
 <div
     class="flex flex-col items-center justify-between my-1 p-3 bg-white border-l-4 rounded-lg shadow-lg border-bg-variant focus:border-none">
     <div class="flex items-center justify-start w-full space-x-3">
         <i class="text-lg text-tx-variant fa fa-check" aria-hidden="true"></i>
         <p class="text-sm font-normal text-black md:text-base">{{ $desc }} <span
                 class="text-sm text-tx-variant">(GHS)</span></p>
     </div>
     <div class="flex items-center justify-end w-full">
         <p class="font-bold text-sxl text-{{ $_color }}">{{ number_format($amount, 2) }}</p>
     </div>
 </div>
