<div>
    <div
         tabindex="-1"
         data-bs-scroll="true"
         data-bs-backdrop="true"
         aria-labelledby="{{$title_id}}"
         {{$attributes->merge([
           "class" => "offcanvas",
        ])}}
    >
        <div class="offcanvas-header m-b-0">
            <h5 class="offcanvas-title" id="{{$title_id}}">
               {!! $title ?? "" !!}
            </h5>
            @if($closable)
              <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
            @endif
        </div>
        <div class="offcanvas-body">
           {{$slot}}
        </div>
    </div>



</div>
