<template>
  <div>
    <el-divider content-position="left">{{ title }}</el-divider>
    <div class="mcol-20">
      <slot />
    </div>
  </div>
</template>

<script>

export default {
  name: 'DividerContainer',

  props: {
    title: {
      type: String,
      default: ''
    }
  },

  data() {
    return {
    }
  },

  methods: {
  }
}
</script>

<style scoped>
.mcol-20 {
  margin-left: 20px;
  margin-right: 20px;
}
</style>
