<template>
  <div class="co-tabs" :class="[
    forcesize ? forcesize : size ? size : (defaultsize ? defaultsize : 'md'),
    shape ? shape : 'default',
    line ? 'line' : '',
    paper ? 'paper' : '',
    border ? 'border' : '',
    shadow ? shadow == 'hover' ? 'is-hover-shadow' : 'is-always-shadow' : '',
    fit ? 'fit' : ''
  ]">
    <slot></slot>
  </div>
</template>

<script>
  export default {
    name: 'CoTabs',
    props: {
      msg: String,
      size: String,
      paper: Boolean,
      line: Boolean,
      border: Boolean,
      shape: String,
      shadow: String,
      fit: Boolean
    },
    data() {
      return {
        defaultsize: this.defaultsize,
        forcesize: this.forcesize
      };
    },
    computed: {
    }
  };
</script>
