import CipherLoader from "@/components/ciphers/CipherLoader";
import BaconianInputs from "@/components/ciphers/monosubstitution/baconian/BaconianInputs";
import { useGetBaconianInfo } from "@/hooks/monosubstitution/BaconianHooks";
import { createFileRoute } from "@tanstack/react-router";


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


export const Route = createFileRoute("/monosubstitution/baconian/")({
	component: BaconianPage
});


// eslint-disable-next-line react-refresh/only-export-components
function BaconianPage(){
	const baconianInfoQuery = useGetBaconianInfo();
	return (
		<main
			className="flex flex-col items-center justify-center"
		>
			<CipherLoader infoQuery={baconianInfoQuery}>
				<BaconianInputs/>
			</CipherLoader>
		</main>
	);
}