@props(['report', 'defs', 'gridActions' => 'components.report.parts.grid-actions'])
<x-report.report :report="$report" :defs="$defs">

    {{-- header action --}}
    <x-slot name="headerAction">
        @isset($headerAction){{$headerAction}}@endisset
    </x-slot>
    
    {{-- 検索条件 --}}
    <x-slot name="search">
        {{$search}}
    </x-slot>

    {{-- データ領域 --}}

    {{--｜表アクション--}}
    <div class="flex item-center gap-2">
        @include($gridActions)
    </div>

    {{--｜グリッド表--}}
    <div x-ref="grid" class="report-grid"
        style="flex: 1; width: 100%; min-width: fit-content;">
    </div>
    
    {{$slot}} 

    {{-- / データ領域 --}}
    
    {{-- データ領域下 --}}
    <x-slot name="under">
        @isset($under){{$under}}@endisset
    </x-slot>
    
    {{-- script --}}
    <x-slot name="script">
        @isset($script){{$script}}@endisset
    </x-slot>

</x-report.report>