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

@php
$paddingClasses = [
    'sm' => 'p-4',
    'md' => 'p-6',
    'lg' => 'p-8',
];

$bodyPadding = $paddingClasses[$padding] ?? $paddingClasses['md'];
$hoverClasses = $hover ? 'transition-all duration-200 hover:-translate-y-0.5 hover:shadow-xl' : '';
@endphp

<div {{ $attributes->merge(['class' => 'overflow-hidden rounded-2xl border border-slate-100 bg-white shadow-lg dark:border-slate-700 dark:bg-slate-800 '.$hoverClasses]) }}>
    @isset($header)
        <div class="border-b border-slate-100 px-6 py-4 dark:border-slate-700">
            {{ $header }}
        </div>
    @endisset

    <div class="{{ $bodyPadding }}">
        {{ $slot }}
    </div>

    @isset($footer)
        <div class="border-t border-slate-100 px-6 py-4 dark:border-slate-700">
            {{ $footer }}
        </div>
    @endisset
</div>