<template>
    <i-link class="i-layout-header-logo"
        :class="{ 'i-layout-header-logo-stick': !isMobile }"
        to="/">
        <img src="/static/images/logo-small.png"
            v-if="isMobile">
        <img src="/static/images/logo.png"
            v-else-if="headerTheme === 'light'">
        <img src="/static/images/logo-dark.png"
            v-else>
    </i-link>
</template>
<script>
    import { mapState } from 'vuex';

    export default {
        name: 'iHeaderLogo',
        computed: {
            ...mapState('admin/layout', ['isMobile', 'headerTheme'])
        }
    };
</script>
