<template>
  <el-row>
    <el-col :span="border"
            v-if="left"
            style="opacity: 0;">.</el-col>
    <el-col :span="24 - (left ? border : 0) - (right ? border : 0)">
      <slot></slot>
    </el-col>
    <el-col :span="border"
            v-if="right"
            style="opacity: 0;">.</el-col>
  </el-row>
</template>
<script>
import ElRow from 'mk-element/packages/row';
import ElCol from 'mk-element/packages/col';

export default {
  name: 'mk-row',
  props: {
    border: {
      type: Number,
      default: 4
    },
    left: {
      type: Boolean,
      default: true
    },
    right: {
      type: Boolean,
      default: true
    }
  },
  components: {
    ElRow,
    ElCol
  }
};
</script>
