@props([
    'label',
    'value',
    'meta' => null,
    'href' => null,
    'tone' => null, // danger|success|warning
])
@php
  $valueClass = match ($tone) {
      'danger' => 'text-[var(--color-danger)]',
      'success' => 'text-[var(--color-success)]',
      'warning' => 'text-[var(--color-warning)]',
      default => '',
  };
@endphp
@if($href)
  <a href="{{ $href }}" {{ $attributes->merge(['class' => 'crm-stat block']) }}>
    <div class="crm-stat-label">{{ $label }}</div>
    <div class="crm-stat-value {{ $valueClass }}">{{ $value }}</div>
    @if($meta)<div class="crm-stat-meta">{{ $meta }}</div>@endif
  </a>
@else
  <div {{ $attributes->merge(['class' => 'crm-stat']) }}>
    <div class="crm-stat-label">{{ $label }}</div>
    <div class="crm-stat-value {{ $valueClass }}">{{ $value }}</div>
    @if($meta)<div class="crm-stat-meta">{{ $meta }}</div>@endif
  </div>
@endif