---
import Header from "./Header.astro";
import Footer from "./Footer.astro";
import type { Settings } from "../api";
export type Props = {
  settings: Settings;
};
const { settings } = Astro.props as Props;
---

<div class="viewport">
  <Header settings={settings} />
  <div class="site-content">
    <slot></slot>
  </div>
  <Footer settings={settings} />
</div>

<style>
  .content {
    min-height: 580px;
  }
</style>