@props([
    'title' => 'Nothing here yet',
    'message' => null,
])

<div {{ $attributes->merge(['class' => 'empty-state']) }}>
    <div style="font-size:15px; font-weight:600; color:var(--text); margin-bottom:8px;">{{ $title }}</div>
    @if ($message)
        <p style="font-size:13px; max-width:420px; margin:0 auto;">{{ $message }}</p>
    @endif
    @if (isset($action))
        <div style="margin-top:16px;">{{ $action }}</div>
    @endif
</div>
