<template>
  <div id="header">
    <div>
      This is the (extremely early alpha of the) new Feast. If you're looking for the old version, <a href="https://classic.feast.crux.sexy">go here!</a>
    </div>
    <div>Version: {{version}}</div>
  </div>
</template>

<script lang="ts">

import { Component, Vue, Prop } from 'vue-property-decorator'

@Component({})
export default class Header extends Vue {
  @Prop() version!: string
}

</script>

<style scoped>
#header {
  width: 100%;
  background: #222;
  top: 0%;
  padding-top: 32pt;
  padding-bottom: 32pt;
}
</style>
