<template>
    <div :class="containerClass">
        <slot></slot>
    </div>
</template>

<script>
import { prefix } from 'jdd-design/utils';
export default {
    name: `${prefix}-container`,
    props: {
        vertical: {
            type: Boolean,
            default: false
        }
    },
    computed: {
        containerClass() {
            let clsNames = [`${prefix}-container`];
            this.vertical && clsNames.push('is-vertical');
            return clsNames;
        }
    }
};
</script>