@props([
    'label',
    'value',
    'tone' => 'blue',
    'icon' => 'report',
    'hint' => null,
    'href' => null,
])

@if($href)<a href="{{ $href }}" {{ $attributes->class(['summary-card', 'pro-stat-card', 'pro-stat-card-link', 'tone-'.$tone]) }}>@else<article {{ $attributes->class(['summary-card', 'pro-stat-card', 'tone-'.$tone]) }}>@endif
    <span class="pro-stat-icon" aria-hidden="true"><x-icon :name="$icon" /></span>
    <span class="pro-stat-copy">
        <span class="pro-stat-label">{{ $label }}</span>
        <strong class="pro-stat-value">{{ $value }}</strong>
        @if($hint)<small class="pro-stat-hint">{{ $hint }}</small>@endif
    </span>
@if($href)</a>@else</article>@endif