<script>
    import  Logo  from "$lib/img/topscorer_logo_web.png"

    export let title = "Setup";
</script>

<div class="header">
    <a href="/"><img src={Logo} alt="logo"></a>
    <span class="title">{title}</span>
</div>

<style>
    .header {
        background-color: black;
        display:grid;
        grid-template-columns: auto 2fr;
        align-items: center;
    }

    .header img {
        height: 3rem;
    }

    .header .title {
        font-size: 1.5em;
        color: aliceblue;
        margin: 0 auto;
    }
</style>