<template>
  <div class="co-row--fit" v-if="fit">
    <slot></slot>
  </div>
</template>

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