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

<div class="small-box bg-{{ $color }} shadow-sm">
    <div class="inner">
        <h3>{{ $value }}</h3>
        <p>{{ $label }}</p>
    </div>
    <div class="icon">
        <i class="{{ $icon }}"></i>
    </div>
    
    @if($url)
        <a href="{{ $url }}" class="small-box-footer">
            Ver más <i class="fas fa-arrow-circle-right"></i>
        </a>
    @else
        <div class="small-box-footer" style="height: 20px;"></div>
    @endif
</div>