<template>
  <el-card :class="[
    cardSize,
    paper ? 'paper' : '',
    line ? 'line' : '',
    border ? 'border' : 'noBorder',
    fit ? 'fit' : '',
    gutter ? 'noGutter' : '',
    dark ? 'dark' : ''
  ]" :shadow="shadow">
    <slot name="header" slot="header"></slot>
    <slot></slot>
  </el-card>
</template>

<script>
  export default {
    name: 'CoCard',
    props: {
      msg: String,
      size: String,
      paper: Boolean,
      line: Boolean,
      border: Boolean,
      shadow: String,
      fit: Boolean,
      gutter: Boolean,
      dark: Boolean
    },
    computed: {
      cardSize() {
        return this.forcesize || this.size || this.defaultsize || '';
      }
    }
  };
</script>
