<script lang="ts">
    import { link } from "svelte-routing"

    import { generalInfo } from "../../store"

    import Navigation from "./Navigation.svelte"
    import Image from "./Image.svelte"
</script>

<header>
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <div class="header-content">
                    <a href="/" use:link>
                        <Image
                            collectionName="general"
                            entryId="{$generalInfo?.id}"
                            file="{$generalInfo?.media?.brand}"
                            alt="{$generalInfo?.meta?.metaTitle}"
                            cssClass="brand"
                        />
                    </a>

                    <div class="header-content-right">
                        <Navigation />
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>
