<template>
  <div class="header">
    <headerLeft></headerLeft>
    <headerRight></headerRight>
  </div>
</template>
<script setup>
import { ref } from 'vue'
import headerLeft from '@/components/header/headerLeft.vue';
import headerRight from '@/components/header/headerRight.vue';
</script>

<style scoped>
.header{
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 60px;
}

</style>

