@props(['title', 'description' => null, 'message' => null, 'actionLabel' => null, 'actionHref' => null])

@php
    $copy = $description ?? $message ?? '';
@endphp

<div class="empty-state-card">
    <div class="empty-state-icon" aria-hidden="true">
        <svg class="h-7 w-7" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round">
            <path d="M7 4.75h7.5L19 9.25V19a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6.75a2 2 0 0 1 2-2Z"/>
            <path d="M14 4.75V9.5h4.75"/>
            <path d="M8.5 13h7"/>
            <path d="M8.5 16.5h5"/>
        </svg>
    </div>
    <h3 class="empty-state-title">{{ $title }}</h3>
    <p class="empty-state-copy">{{ $copy }}</p>
    @if ($actionHref && $actionLabel)
        <a href="{{ $actionHref }}" class="primary-button mt-6">{{ $actionLabel }}</a>
    @endif
</div>