<script>
    import Link from './Link.svelte';
    import Icon from './Icon.svelte';
</script>


<nav class="fixed top-0 grid grid-cols-2 w-full p-2">
    <div>
        <Link target="Home">
            <button class="btn btn-squre btn-ghost align-middle">
                <Icon name="home" class="w-8 h-8 stroke-2" />
            </button>
        </Link>
    </div>

    <div class="justify-self-end">
        <Link target="Settings">
            <button class="align-middle btn btn-square btn-ghost">
                <Icon name="cog-8-tooth" class="w-8 h-8 stroke-2" />
            </button>
        </Link>
    </div>
</nav>
