@props([
    'label' => '',
    'value' => '',
    'icon' => 'fas fa-chart-line',
    'accent' => false,
])

<div {{ $attributes->merge(['class' => 'tv-kpi' . ($accent ? ' tv-kpi--accent' : '')]) }}>
    <div class="tv-kpi__icon"><i class="{{ $icon }}"></i></div>
    <div class="tv-kpi__body">
        <div class="tv-kpi__value">{{ $value }}</div>
        <div class="tv-kpi__label">{{ $label }}</div>
    </div>
</div>