@props(['label', 'value', 'icon', 'color' => 'info', 'id' => null])

<div {{ $attributes->merge(['class' => 'info-box shadow-sm mb-3', 'id' => $id]) }}>
    <span class="info-box-icon bg-{{ $color }}">
        <i class="{{ $icon }}"></i>
    </span>
    <div class="info-box-content">
        <span class="info-box-text">{{ $label }}</span>
        <span class="info-box-number h4 mb-0">{{ $value }}</span>
    </div>
</div>