import { NavLink } from "react-router";
import { t } from "@/config/i18n";
import "./index.css";
import { Group } from "@mantine/core";
import { Config } from "@/config/config";

export function Navbar() {
    return (
        <nav>
            <Group>
                <NavLink 
                    className={"navLink"} 
                    aria-label={t('home')}
                    to="/"
                >
                    {t("home", {capfirst: true})}
                </NavLink>
                <NavLink 
                    className={"navLink"} 
                    aria-label={t('dashboard')}
                    to="/dashboard/productors"
                >
                    {t("dashboard", {capfirst: true})}
                </NavLink>
            </Group>
            <NavLink 
                className={"navLink"}
                aria-label={t("login with keycloak")}
                to={`${Config.backend_uri}/auth/login`}
            >
                {t("login with keycloak", {capfirst: true})}
            </NavLink>
        </nav>
    );
}