<template>
  <header class="header">
    <div class="container">
      <HeaderLogo />
      <HeaderMenu />
    </div>
  </header>
</template>

<script setup>
import HeaderLogo from './HeaderLogo.vue';
import HeaderMenu from './HeaderMenu.vue';
</script>

<style lang="scss">
.header {
  box-shadow: 4px 4px 4px 0px #00000040;
  .container {
    height: 60px;
    display: flex;
    align-items: center;
    gap: 10px;
  }
}
</style>