@props([
    'padding' => 'p-5 sm:p-6',
    'hover' => false,
    'glow' => false,
    'glowColor' => 'emerald', // emerald, cyan, purple, amber, pink, red
])

@php
    $glowColors = [
        'emerald' => 'hover:shadow-glow-emerald hover:border-emerald-500/30',
        'cyan' => 'hover:shadow-glow-cyan hover:border-cyan-500/30',
        'purple' => 'hover:shadow-[0_0_20px_rgba(139,92,246,0.3)] hover:border-purple-500/30',
        'amber' => 'hover:shadow-[0_0_20px_rgba(245,158,11,0.3)] hover:border-amber-500/30',
        'pink' => 'hover:shadow-[0_0_20px_rgba(236,72,153,0.3)] hover:border-pink-500/30',
        'red' => 'hover:shadow-[0_0_20px_rgba(239,68,68,0.3)] hover:border-red-500/30',
    ];
    $glowClass = $glow ? ($glowColors[$glowColor] ?? $glowColors['emerald']) : '';
@endphp

<div {{ $attributes->merge([
    'class' => 'glass-card rounded-2xl ' . $padding .
               ($hover ? ' glass-card-hover transition-all duration-300' : '') .
               ($glow ? ' ' . $glowClass . ' transition-all duration-300' : '')
]) }}>
    {{ $slot }}
</div>