@props([
    'label',
    'value',
    'icon' => 'fa-chart-simple',
    'tone' => 'primary',
    'meta' => null,
])

<div {{ $attributes->merge(['class' => 'stat']) }}>
    <div class="stat__icon stat__icon--{{ $tone }}">
        <i class="fa-solid {{ $icon }}" aria-hidden="true"></i>
    </div>

    <div class="stat__body">
        <div class="stat__label">{{ $label }}</div>
        <div class="stat__value">{{ $value }}</div>
        @if ($meta)
            <div class="stat__meta">{{ $meta }}</div>
        @endif
    </div>
</div>