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

<div class="stat-tile">
    <span class="stat-tile-icon"><x-icon :name="$icon" /></span>
    <div class="stat-tile-body">
        <p class="stat-tile-label">{{ $label }}</p>
        <p class="stat-tile-value {{ $variant === 'success' ? 'summary-row-value-success' : ($variant === 'danger' ? 'summary-row-value-danger' : '') }}">
            {{ $value }}
        </p>
    </div>
</div>