{{-- The best athlete wants his opponent at his best. --}}

<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.incomes') }}">Income</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">Current Month</div>
    <div class="flex items-start">
        <div class="text-3xl font-bold text-slate-800 dark:text-slate-100 mr-2">
            {{ number_format($income, 0) }}</div>
        <div class="text-sm font-semibold text-white px-1.5 bg-emerald-500 rounded-full"></div>
    </div>
</div>