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

<section {{ $attributes->merge(['class' => 'card']) }}>
    @if($title)
        <div class="card-header">
            @if($icon)
                <span class="card-icon"><x-icon :name="$icon" /></span>
            @endif
            <div>
                <h2 class="card-title">{{ $title }}</h2>
                @isset($hint)
                    <p class="card-hint">{{ $hint }}</p>
                @endisset
            </div>
        </div>
    @endif

    {{ $slot }}
</section>