<script>
    import '../../app.css'
    let { logo = false } = $props()
</script>

{#if logo}
    <span style="font-size:25pt" class="align-bottom"
        ><span class="co"
            ><span class="g">CO</span><span class="ra">TURN</span>IX</span
        ></span
    ><img src="/grain/coturnix.svg" alt="Logo de Coturnix" />
{:else}
    <span style="font-size:1.1em">
        <span class="co"
            ><span class="g">CO</span><span class="ra">TURN</span>IX</span>
    </span>
{/if}

<style>
    .co {
        color: #b81413;
    }
    .g {
        color: #de601e;
    }
    .ra {
        color: #d71c19;
    }
    img {
        margin-left: 8px;
        width: 40px;
        height: 40px;
    }
</style>
