@props([
    'title' => null,
    'subtitle' => null,
    'icon' => null,
    'tone' => null,
    'padding' => 'md',
    'header' => null,
    'footer' => null,
    'actions' => null,
])

@php
    $padClass = match($padding) {
        'sm' => 'card--pad-sm',
        'md' => 'card--pad-md',
        'lg' => 'card--pad-lg',
        'none' => 'card--pad-none',
        default => 'card--pad-md',
    };
    $toneClass = $tone ? 'card--tone-' . $tone : '';
    $classes = trim('card ' . $padClass . ' ' . $toneClass);
@endphp

<section {{ $attributes->merge(['class' => $classes]) }}>
    @if($title || $subtitle || $icon || $actions || isset($header))
        <header class="card__header">
            @if(isset($header))
                {{ $header }}
            @else
                <div class="card__heading">
                    @if($icon)
                        <span class="card__icon">{!! icon($icon) !!}</span>
                    @endif
                    <div class="card__titles">
                        @if($title)<h3 class="card__title">{{ $title }}</h3>@endif
                        @if($subtitle)<p class="card__subtitle">{{ $subtitle }}</p>@endif
                    </div>
                </div>
                @if($actions)
                    <div class="card__actions">{{ $actions }}</div>
                @endif
            @endif
        </header>
    @endif
    <div class="card__body">
        {{ $slot }}
    </div>
    @if(isset($footer))
        <footer class="card__footer">
            {{ $footer }}
        </footer>
    @endif
</section>