@props(['padding' => true, 'hover' => false])

<div {{ $attributes->merge(['class' => 'bg-white dark:bg-slate-800 rounded-xl shadow-sm border border-slate-200 dark:border-slate-700 ' . ($padding ? 'p-6' : '') . ' ' . ($hover ? 'hover:shadow-md hover:border-slate-300 dark:hover:border-slate-600 transition-all duration-200 cursor-pointer' : '')]) }}>
    {{ $slot }}
</div>