<script>
import { inject } from 'vue';

export default {
    name: 'DropdownContent',
    inject: ['sharedState'],
    computed: {
        active() {
            return this.sharedState.active
        }
    }
}
</script>

<template>
    <div v-if="active">
        <slot />
    </div>
</template>

<style scoped>
div {
    display: block;
    width: 10%;
    position: absolute;
    background-color: var(--background-secondary);
    border-radius: 0px 0px 10px 10px;
}
</style>