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

@php
    $padClass = match($padding) {
        'sm' => 'section--pad-sm',
        'md' => 'section--pad-md',
        'lg' => 'section--pad-lg',
        'none' => 'section--pad-none',
        default => 'section--pad-md',
    };
@endphp

<section {{ $attributes->merge(['class' => 'section ' . $padClass]) }}>
    @if($title || $subtitle || $icon || isset($actions))
        <header class="section__header">
            <div class="section__lead">
                @if($icon)<span class="section__icon">{!! icon($icon) !!}</span>@endif
                <div>
                    @if($title)<h2 class="section__title">{{ $title }}</h2>@endif
                    @if($subtitle)<p class="section__subtitle">{{ $subtitle }}</p>@endif
                </div>
            </div>
            @isset($actions)
                <div class="section__actions">{{ $actions }}</div>
            @endisset
        </header>
    @endif
    <div class="section__body">
        {{ $slot }}
    </div>
</section>