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

<div {{ $attributes->merge(['class' => 'white-box single-summery ui-stat-card']) }}>
    <div class="d-flex justify-content-between align-items-start">
        <div>
            <h3>{{ $label }}</h3>
            @if($description)
                <p class="mb-0">{{ $description }}</p>
            @endif
        </div>
        @if($icon)
            <span class="ui-stat-icon"><i class="{{ $icon }}"></i></span>
        @endif
    </div>
    <h1>{{ $value }}</h1>
</div>
