@props(['paginated' => true])

@php
    $containerClasses = \Illuminate\Support\Arr::toCssClasses([
        'bg-white mt-4 rounded-lg shadow-md overflow-x-hidden',
        'pb-6' => $paginated,
        'pb-0' => !$paginated,
]);
@endphp

<div {{ $attributes->merge(['class' => $containerClasses ]) }}>
    @isset($heading)
        <div class="mt-4 flex items-start justify-between pl-4 pr-2 sm:px-6 gap-x-4 lg:px-8">
            {{ $heading }}
        </div>
    @endisset

    <table {{ $slot->attributes->merge(['class' => 'mt-6 w-full whitespace-nowrap text-left table-auto border-b']) }}>
        {{ $slot }}
    </table>
</div>