@props(['title' => null, 'subtitle' => null, 'padded' => true])
<div {{ $attributes->merge(['class' => 'card']) }}>
    @if ($title || isset($actions))
        <div class="card-header">
            <div>
                @if ($title)<h2 class="card-title">{{ $title }}</h2>@endif
                @if ($subtitle)<p class="mt-0.5 text-xs text-ink-500">{{ $subtitle }}</p>@endif
            </div>
            @isset($actions)<div class="flex flex-wrap items-center gap-2">{{ $actions }}</div>@endisset
        </div>
    @endif
    <div @class(['card-body' => $padded])>{{ $slot }}</div>
    @isset($footer)
        <div class="border-t border-ink-100 px-5 py-3 dark:border-ink-800">{{ $footer }}</div>
    @endisset
</div>