<script setup>
import { Link } from "@inertiajs/inertia-vue3";
import LanguageSelect from "@/components/LanguageSelect";

const props = defineProps({
    register: Boolean,
});
</script>

<template>
    <header>
        <nav class="container flex items-center justify-end w-full gap-5 py-5">
            <span class="font-medium text-gray-200 text-2xs sm:text-base">{{
                !register
                    ? $t("CurrentStatus.NewtoMuhandisin")
                    : $t("CurrentStatus.haveaccount")
            }}</span>
            <Link
                :href="!register ? '/register' : '/login'"
                class="bg-blue-300 border-2 transition-all duration-300 ease-in-out border-blue-200 enabled:hover:-translate-y-0.5 hover:brightness-105 text-white font-medium py-2 px-5 rounded-lg"
            >
                {{
                    !register
                        ? $t("CurrentStatus.Register")
                        : $t("CurrentStatus.Login")
                }}
            </Link>
            <language-select light />
        </nav>
    </header>
</template>
