@once
    @push('stylesheets')
        <link rel="stylesheet" href="{{ asset('css/side-table.css') }}"/>
    @endpush
@endonce
<div blade="{{ $viewName ?? 'unknown' }}" id="side-table" class="d-flex flex-column side-table">
    <div class="side-table-header d-flex justify-content-between align-items-center">
        <p class="side-table-header-title">

        {{$title}}

        @if(isset($create)) {{$create}} @endif
    </div>

    <div class="side-table-body">
            <x-ui.list-wrapper :empty="count($tableData)">
                <x-slot name="tHead">
                    {{ $tHeadContent }}
                </x-slot>
                <x-slot name="tBody">
                    {{ $tBodyContent }}
                </x-slot>
            </x-ui.list-wrapper>

        @if(isset($footer)) {{$footer}} @endif
    </div>

</div>