import CipherLoader from "@/components/ciphers/CipherLoader";
import CaesarInputs from "@/components/ciphers/monosubstitution/caesar/CaesarInputs";
import { useGetCaesarInfo } from "@/hooks/monosubstitution/CaesarHooks";
import { createFileRoute } from "@tanstack/react-router";


/*
{
	title: "Caesar",
	description: "",
	keywords: [
		"Caesar"
	]
}
*/


export const Route = createFileRoute("/monosubstitution/caesar/")({
	component: CaesarPage
});


// eslint-disable-next-line react-refresh/only-export-components
function CaesarPage(){
	const caesarInfoQuery = useGetCaesarInfo();


	return (
		<main
			className="flex flex-col items-center justify-center"
		>
			<CipherLoader infoQuery={caesarInfoQuery}>
				<CaesarInputs/>
			</CipherLoader>
		</main>
	);
}