<template>
    <div>
        <Drawer v-bind="$attrs" @openMenu="openMenu" @closeMenu="closeMenu">
            <slot></slot>
        </Drawer>
    </div>
</template>

<script>
import Drawer from './DrawerBase'
export default {
    name: 'SlideDrawer',
    components: {
        Drawer
    },
    methods: {
        openMenu () {
            this.$emit('openMenu')
        },
        closeMenu () {
            this.$emit('closeMenu')
            this.$events.emit(`resetMenu|${this.$attrs.associatedNavId}`)
        }
    }
}
</script>
