@props([
    'title' => null,
    'description' => null,
    'padding' => true,
    'variant' => 'default',
])

@php
    $variantClass = match ($variant) {
        'soft' => 'ui-card-soft',
        'primary' => 'ui-card-primary',
        'success' => 'ui-card-success',
        'warning' => 'ui-card-warning',
        'danger' => 'ui-card-danger',
        'info' => 'ui-card-info',
        default => null,
    };
@endphp

<section
    {{ $attributes->class([
        'ui-card',
        $variantClass,
    ]) }}
>
    @if ($title || $description || isset($actions) || isset($header))
        <header class="ui-card-header">
            @isset($header)
                <div class="min-w-0 flex-1">
                    {{ $header }}
                </div>
            @else
                <div class="min-w-0 flex-1">
                    @if ($title)
                        <h2 class="ui-card-title">
                            {{ $title }}
                        </h2>
                    @endif

                    @if ($description)
                        <p class="ui-card-description">
                            {{ $description }}
                        </p>
                    @endif
                </div>
            @endisset

            @isset($actions)
                <div class="ui-card-actions">
                    {{ $actions }}
                </div>
            @endisset
        </header>
    @endif

    <div @class(['ui-card-body' => $padding])>
        {{ $slot }}
    </div>

    @isset($footer)
        <footer class="ui-card-footer">
            {{ $footer }}
        </footer>
    @endisset
</section>