<script>
    import '../app.scss'
    export let logo = false
    const assets = '/grain'
</script>

{#if logo}
    <span style="font-size:25pt" class="align-bottom"
        ><span class="co"
            ><span class="g">G</span><span class="ra">RA</span>IN</span
        ></span
    ><img src="{assets}/coturnix.svg" alt="Logo de Grain" />
{:else}
    <span style="font-size:1.1em">
        <span class="co"
            ><span class="g">G</span><span class="ra">RA</span>IN</span
        ></span>
{/if}

<style lang="scss">
    .co {
        color: $primary;
    }
    .g {
        color: $gp-3;
    }
    .ra {
        color: $gp-2;
    }
    img {
        margin-left: 8px;
        width: 40px;
        height: 40px;
    }
</style>