@props([
    'label' => '',
    'value' => '',
    'hint' => null,
])

<div {{ $attributes->merge(['class' => 'bg-subtle rounded-md p-4']) }}>
    <div class="text-micro text-muted">{{ $label }}</div>
    <div class="text-h2 text-content tabular-nums mt-1">{{ $value }}</div>
    @if ($hint)
        <div class="text-small text-faint mt-1">{{ $hint }}</div>
    @endif
</div>