@props([
    'title'    => '',
    'padding'  => 'p-6',
    'shadow'   => '',
    'noBorder' => false,
])

<div {{ $attributes->merge([
    'class' => 'rounded-xl bg-card text-card-foreground ' .
               ($noBorder ? '' : 'border border-border ') .
               ($shadow ?: 'shadow-card'),
]) }}>
    @if($title || isset($actions))
        <div class="flex items-center justify-between border-b border-border px-6 py-4">
            @if($title)
                <h3 class="text-base font-semibold text-foreground">{{ $title }}</h3>
            @endif
            @if(isset($actions))
                <div class="flex items-center gap-2">{{ $actions }}</div>
            @endif
        </div>
    @endif

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

    @if(isset($footer))
        <div class="flex items-center gap-3 border-t border-border px-6 py-4">
            {{ $footer }}
        </div>
    @endif
</div>