<template>
  <el-row :class="[
    rowSize,
    height || fit ? 'fit' : ''
  ]" :style="rowHeight">
    <slot></slot>
  </el-row>
</template>

<script>
  export default {
    name: 'CoRow',
    props: {
      size: String,
      fit: Boolean,
      height: String
    },
    computed: {
      rowSize() {
        return this.forcesize || this.size || this.defaultsize || '';
      },
      rowHeight() {
        return this.height ? 'height:' + this.height : '';
      }
    }
  };
</script>
