@props(['header' => null, 'noBorder' => false, 'noSpacing' => false])

<div {{ $attributes->merge(['class' => 'bg-white rounded-lg shadow-sm border border-gray-200 p-3 dark:bg-gray-800 dark:border-gray-700']) }}>
    @if($header)
        <div @class([!$noSpacing ? 'pb-2 mb-3' : '', 'border-b border-gray-200 dark:border-gray-700' => !$noBorder])>
            {{ $header }}
        </div>
    @endif
    
    {{ $slot }}
</div>