import { EnterIcon } from "@radix-ui/react-icons";
import { Flex, Text } from "@radix-ui/themes";
import { Icon } from "@radix-ui/themes/dist/esm/components/callout.js";
import { useTranslation } from "react-i18next";
import { Link } from "react-router-dom";

export default function LoginButton() {
    const { t } = useTranslation();

    return (
        <Link to={"/login"}>
            <Flex className="justify-between gap-2">
                <Icon>
                    <EnterIcon />
                </Icon>
                <Text>{t("signIn")}</Text>
            </Flex>
        </Link>
    );
}