<template>
  <div class="logo">
    <img v-if="appsettings.logo" :alt="alternateText" :src="appsettings.logo" />
    <img v-if="!appsettings.logo" :alt="alternateText" src="../../assets/logo.png" />
  </div>
</template>

<script>
export default {
    name: 'ByjoveLogo',
    props: {
        appsettings: Object,
    },
    computed: {
        alternateText: function() {
            return this.appsettings.systemTitle + " logo"
        },
    },
}
</script>

<style scoped>
img {
    max-height: 200px;
    max-width: 300px;
}
</style>
