<template>
  <n-layout>
    <n-layout-header class="py-[18.5px] px-[36px]" bordered>
      <nuxt-link class="brand-header" to="/">
        <brand-header />
      </nuxt-link>
    </n-layout-header>
    <n-layout-content class="h-[calc(100vh-70px)]" content-style="padding: 24px">
      <slot />
    </n-layout-content>
  </n-layout>
</template>

<script setup lang="ts">
import { NLayout, NLayoutHeader, NLayoutContent } from "naive-ui";
</script>

<style scoped>
.brand-header {
  all: unset;
  cursor: pointer;
}
</style>
