<script setup lang="ts">

import Link from './Link.vue';

</script>

<template>
    <div class="nav">
        <div class="links">
            <Link href="https://unurled.me" :isExternal="true" label="Website"  icon="mdi:web" />
            <Link href="https://github.com/unurled" :isExternal="true" label="Github"  icon="feather:github"/>
            <Link href="https://git.unurled.me/unurled" :isExternal="true" label="Git"  icon="mdi:git"/>
        </div>
    </div>

</template>

<style>
.nav {
    display: flex;
    position: fixed;
    top: 2vh;
    left: 40%; 
    align-items: center;
    justify-content: center;
}

</style>