<template>
    <footer>
        <div v-if="!$store.getters.core.footer" class="footer text-center mb-4 p-2">
            <a href="https://github.com/hunterlong/statping" target="_blank">Statping {{version}} made with <i class="text-danger fas fa-heart"></i></a> |
            <a href="/dashboard">Dashboard</a>
        </div>
        <div v-else class="footer text-center mb-4 p-2" v-html="$store.getters.core.footer">
        </div>
    </footer>
</template>

<script>
  import Dashboard from "../pages/Dashboard";

  export default {
  name: 'Footer',
  components: {
    Dashboard
  },
  props: {
    version: String
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
</style>
