@props(['label', 'value', 'hint' => null, 'tone' => 'cyan'])
<x-ui.card {{ $attributes->class('snyt-metric') }}>
    <div class="snyt-metric__label">{{ $label }}</div>
    <div class="snyt-metric__value snyt-tone-{{ $tone }}">{{ $value }}</div>
    @if($hint)<div class="snyt-metric__hint">{{ $hint }}</div>@endif
</x-ui.card>