<template>
    <div class="offcanvas offcanvas-end" data-bs-keyboard="true" data-bs-offcanvas-width="600px" tabindex="-1"
        :id="prop.drawerId" aria-labelledby="offcanvasExampleLabel">
        <div class="offcanvas-header">
            <h5 class="offcanvas-title" id="offcanvasExampleLabel">{{ prop.title }}</h5>
            <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
        </div>
        <div class="offcanvas-body">
            <slot :isLoading="loading">
            </slot>
        </div>
    </div>
</template>
<script setup>

var prop = defineProps({
    title: String,
    drawerId: String,
    loading: Boolean
});

</script>
<style></style>