@props(['change' => null])

@php
    $direction = $change['direction'] ?? 'flat';
    $formatted = $change['formatted'] ?? null;
@endphp

@if ($formatted)
    <span @class([
        'mt-0.5 block text-xs font-semibold',
        'text-emerald-600' => $direction === 'up',
        'text-rose-600' => $direction === 'down',
        'text-slate-400' => $direction === 'flat',
    ])>
        @if ($direction === 'up') ↑ @elseif ($direction === 'down') ↓ @else — @endif
        {{ $formatted }}
    </span>
@endif