<template>
  <div class="header-container">
    <div class="text">智慧厨房AIOT物联平台驾驶舱看板</div>
    <switchVue :changeCompon="changeCompon"></switchVue>
  </div>
</template>

<script>
import switchVue from './switch.vue';
export default {
    name:'headerDashboard',
    components:{
      switchVue
    },
    props:{
      changeCompon:{
        type:Function,
        required:true
      }
    }
}
</script>

<style lang="scss" scoped>
.header-container {
   width: 100%;
   display: flex;
   justify-content: space-between;
   .text{
    font-size: 25px;
    display: flex;
    align-items: center;
   }
}
</style>