<template>
    <div :class="[
        'el-layout',
        flex ? `el-layout-${direction}` : '',
        fixed ? `el-layout-fixed` : ''
    ]">
        <slot></slot>
    </div>
</template>

<script>
export default {
    name: 'ElLayout',
    props: {
        direction: {
            type: String,
            default: 'column'
        },
        flex: {
            type: Boolean,
            default: true
        },
        fixed: {
            type: Boolean,
            default: true
        }
    },
    data() {
        return {}
    },
    methods: {}
}
</script>

<style scoped>

</style>
