<style>
</style>

<script>
  import Footer from '$/rendered/Footer.svelte';
  import Header from './Header.svelte';

  export let fullscreen = false;
  export let fixed = false;
  export let fullwidth = false;
  export let centered = false;
  export let header = true;
  export let footer = true;
  export let testid;
  export let bare = false;
  export let horizontal = false;
</script>

{#if header}
  <Header fixed={ fixed }/>
{/if}

{#if !bare}
  <main class:horizontal class:fullwidth class:fullscreen class:centered data-testid={ testid }>
  <slot></slot>
</main>
{:else}
  <slot></slot>
{/if}

{#if footer}
  <Footer />
{/if}
