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