import CipherLoader from "@/components/ciphers/CipherLoader";
import MorseInputs from "@/components/ciphers/polysubstitution/morse/MorseInputs";
import { useGetMorseInfo } from "@/hooks/polysubstitution/MorseHooks";
import { createFileRoute } from "@tanstack/react-router";


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


export const Route = createFileRoute("/polysubstitution/morse/")({
	component: MorsePage
});


// eslint-disable-next-line react-refresh/only-export-components
function MorsePage(){
	const morseInfoQuery = useGetMorseInfo();


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