import { createFileRoute, Link, Outlet } from "@tanstack/react-router";
import LogoWithText from "@/icons/logo-with-text.svg?react";

export const Route = createFileRoute("/auth")({
	component: RouteComponent,
});

function RouteComponent() {
	return (
		<div className="h-full pt-5">
			<Link
				to="/"
				viewTransition={{ types: ["warp"] }}
				className="px-10 h-[52px] flex items-center absolute"
			>
				<LogoWithText />
			</Link>

			<Outlet />
		</div>
	);
}
