import CipherLoader from "@/components/ciphers/CipherLoader";
import BeaufortInputs from "@/components/ciphers/monosubstitution/beaufort/BeaufortInputs";
import { useGetBeaufortInfo } from "@/hooks/monosubstitution/BeaufortHooks";
import { createFileRoute } from "@tanstack/react-router";


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


export const Route = createFileRoute("/monosubstitution/beaufort/")({
	component: BeaufortPage
});


// eslint-disable-next-line react-refresh/only-export-components
function BeaufortPage(){
	const beaufortInfoQuery = useGetBeaufortInfo();


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