<template>
  <el-main :style="{'overflow-y': !overflowY}"  class="aos-main-container clearfix" :direction="direction">
    <section class="aos-main-container-body" :class="{'aos-body-list': type === 'list','aos-body-detail': type === 'detail' }">
      <slot></slot>
    </section>
  </el-main>
</template>
<script>
export default {
  name: 'AosMainContainer',
  componentName: 'AosMainContainer',
  props: {
    direction: {
      type: String,
      default: 'vertical'
    },
    type: {
      type: String,
      default: 'list'
    },
    overflowY: {
      type: Boolean,
      default: false 
    }
  }
};
</script>
