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

<div {{ $attributes->merge(['class' => 'data-table']) }}>
    @if ($title || $subtitle || isset($toolbar))
        <div class="panel-head" style="padding: 16px 20px; border-bottom: 1px solid var(--glass-border);">
            <div>
                @if ($title)
                    <div class="panel-title">{{ $title }}</div>
                @endif
                @if ($subtitle)
                    <div class="panel-sub">{{ $subtitle }}</div>
                @endif
            </div>
            @if (isset($toolbar))
                <div>{{ $toolbar }}</div>
            @endif
        </div>
    @endif
    @if (isset($filters))
        <div class="toolbar" style="padding: 12px 20px 0;">{{ $filters }}</div>
    @endif
    <div class="table-wrap" style="border: none; box-shadow: none; border-radius: 0;">
        {{ $slot }}
    </div>
    @if (isset($footer))
        <div style="padding: 12px 20px; border-top: 1px solid var(--glass-border);">{{ $footer }}</div>
    @endif
</div>
