<template>
    <ul role="menu"
        :class="inlineMenuClass"
        v-show="opened"
        :style="{ backgroundColor: jddMenu.backgroundColor || '' }">
        <slot></slot>
    </ul>
</template>

<script>
import menuMixin from './mixins';
import { prefix, prefixMixins } from 'jdd-design/utils';
export default {
    name: `${prefix}-inline-menu`,
    mixins: [prefixMixins, menuMixin],
    props: {
        opened: Boolean
    },
    computed: {
        inlineMenuClass() {
            let clsNames = [`${prefix}-menu`, `${prefix}-menu-inline`];
            return clsNames;
        }
    }
};
</script>
