@props(['show' => false])
<div class="offcanvas offcanvas-end @if($show) show @endif"  tabindex="-1" style="--bs-offcanvas-width: 600px;" role="dialog">
    <div class="offcanvas-header">
        @isset($title)
            <h5 id="offcanvasRightLabel">{{ $title }}</h5>
        @endisset
        <button type="button" class="btn-close text-dark" wire:click.prevent="hide"></button>
    </div>

    <div class="offcanvas-body  bg-light">
        {{ $slot }}
    </div>
</div>