import CipherLoader from '@/components/ciphers/CipherLoader';
import RaidFenceInputs from '@/components/ciphers/polysubstitution/railfence/RailFenceInputs';
import { useGetRailFenceInfo } from '@/hooks/polysubstitution/RailFenceHooks';
import { createFileRoute } from '@tanstack/react-router';


/*
{
	title: "Rail Fence",
	description: "",
	keywords: [
		"Rail Fence",
		"Rail-Fence",
		"railfence"
	]
}
*/


export const Route = createFileRoute('/polysubstitution/railfence/')({
	component: RailFencePage
});


function RailFencePage(){
	const railFenceInfoQuery = useGetRailFenceInfo();


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