@props([
    'value' => '120+',
    'label' => 'مشروع مكتمل',
    'featured' => false,
])

@php
    $baseClass = 'bg-dark/80 backdrop-blur-md border border-gray-light/20 rounded-xl p-6 text-center transition-all duration-300 hover:-translate-y-1 hover:border-primary/30';
    $featuredClass = $featured ? 'bg-gradient-to-br from-primary/20 to-secondary/10 border-primary/40 col-span-2' : '';
@endphp

<div {{ $attributes->merge(['class' => "$baseClass $featuredClass"]) }}>
    <div class="text-4xl md:text-5xl font-black text-white">
        @if(str_contains($value, '+'))
            {!! str_replace('+', '<span class="text-primary">+</span>', $value) !!}
        @else
            <span class="text-primary">{{ $value }}</span>
        @endif
    </div>
    <div class="text-gray-light text-sm mt-2">{{ $label }}</div>
</div>