{{-- Success is as dangerous as failure. --}}
<div wire:poll>

    <div class="flex items-center justify-between">
        <h2 class="text-lg font-semibold text-slate-800 dark:text-slate-100 mb-2">
            <a wire:navigate href="{{ route('financials.expenses') }}">Expenditure</a>
        </h2>
        <span wire:click="switchCurrency" class="hover:cursor-pointer text-3xl font-bold text-slate-800 dark:text-slate-100">{{ $currency->symbol }}</span>
    </div>
    <div class="text-xs font-semibold text-slate-400 dark:text-slate-500 uppercase mb-1">Today</div>
    <div class="flex items-start">
        <div class="text-3xl font-bold text-slate-800 dark:text-slate-100 mr-2">
            {{ number_format($expenditure, 0) }}</div>
        <div class="text-sm font-semibold text-white px-1.5 bg-emerald-500 rounded-full"></div>
    </div>
</div>