<template>
  <div class="layout">
    <header class="layout-header">{{ title }}</header>
    <main class="layout-content">
      <slot />
    </main>
  </div>
</template>

<script setup lang="ts">
defineProps<{ title?: string }>();
</script>

<style scoped>
.layout {
  min-height: 100vh;
  background: #f6f7fb;
}

.layout-header {
  padding: 16px;
  font-weight: 600;
}

.layout-content {
  padding: 16px;
}
</style>
