<template>
  <div class="dv-dashboard-header" :class="themeClasses">
    <div class="dv-dashboard-header-title-wrap">
      <h1 class="dv-dashboard-header-title" @click="handleClickTitle">{{title}}</h1>
    </div>
    <slot></slot>
  </div>
</template>

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

export default {
  name: 'DvDashboardHeader',
  mixins: [ThemeComponent],
  props: {
    title: null
  },
  methods: {
    handleClickTitle () {
      this.$emit('clickTitle');
    }
  }
};
</script>
