<script>
    import '../../app.scss'
    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 lang="scss">
  $primary: #b81413;
  $gp-2: #d71c19;
  $gp-3: #de601e;
  .co {
      color: $primary;
    }
    .g {
        color: $gp-3;
    }
    .ra {
        color: $gp-2;
    }
    img {
        margin-left: 8px;
        width: 40px;
        height: 40px;
    }
</style>