@props(['id', 'title' => '', 'show' => true])
<section class="bottomSheet bgdarkandwhite pb-5 px-4 shadow border @if($show) bottomSheet--offScreen @endif" id="{{ $id }}" {{ $attributes }}>
    <div id="bottomSheet__buttons">
        <div class=" d-inline-block float-start">
            <h2 id="bottomSheet__headerID" class="bottomSheet__header d-inline-block">{{ $title }}</h2>
        </div>
        <div id="cancelButton" class="d-inline-block darkandgray float-end" onclick="closeBottomSheet('#{{ $id }}');">
            <i class="bi bi-x-lg fs-3"></i></div>
        <br> <br>

        {{ $slot }}

        <br>
    </div>
</section>