@php
    use Illuminate\Support\Number;
@endphp

<div
    @class([
        'rounded-2xl border-2 p-6 text-center shadow-sm',
        'border-emerald-500/40 bg-emerald-50 dark:border-emerald-400/30 dark:bg-emerald-950/40' => $amount >= 0,
        'border-rose-500/40 bg-rose-50 dark:border-rose-400/30 dark:bg-rose-950/40' => $amount < 0,
    ])
>

    <p
        @class([
            'mt-4 font-extrabold tabular-nums leading-none tracking-tight',
            'text-6xl sm:text-7xl md:text-8xl',
            'text-emerald-600 dark:text-emerald-400' => $amount >= 0,
            'text-rose-600 dark:text-rose-400' => $amount < 0,
        ])
    >
        {{ Number::currency($amount, 'EUR', 'fr') }}
    </p>
</div>