<script setup lang="ts">
defineProps<{
    imgWidth?: String,
    fontSize?: String
}>()
</script>

<template>
    <div style="width: fit-content;">
    <NuxtLink style="display: flex; width: fit-content; text-decoration: none;" to="/">
    <img style="user-select: none;" :width="imgWidth == null ? '140' : Number(imgWidth)" src="~/assets/img/buildpath-high-resolution-logo-transparent.png" />
    <h1 :style="'font-size: ' + (fontSize == null ? '90px' : fontSize) + ';'" id="logo-text">BuildPath</h1>
    </NuxtLink>
    </div>
</template>

<style>
#logo-text {
    font-weight: 200; 
    align-content: center; 
    
    font-size: 90px;

    margin-left: 20px;
    
    user-select: none;
    text-decoration: none;
}
</style>