<template>
  <div class="dv-dashboard-wrap">
    <div class="dv-dashboard" :class="classes" :style="commonContainerStyles">
      <slot></slot>
    </div>
  </div>
</template>

<script>
import CommonContainer from "../../../mixins/CommonContainer";

export default {
  name: 'DvDashboard',
  mixins: [CommonContainer],
  provide() {
    return {
      dashboard: this
    }
  },
  props: {
    theme: {
      type: String,
      default: 'dark'
    }
  },
  computed: {
    classes () {
      const classes = [];
      classes.push(this.theme);
      return [...this.commonContainerClasses, ...classes];
    }
  },
};
</script>
