import type { FC } from "react";
import {
	TbankConnectionError,
	TbankConnectionLoading,
} from "./TbankConnectionSection.view";
import { useTbankConnectionViewModel } from "./TbankConnectionSection.vm";
import { TbankConnectionSectionLoaded } from "./TbankConnectionSectionLoaded";

const TbankConnectionSection: FC = () => {
	const viewModel = useTbankConnectionViewModel();
	if (viewModel.state === "loading") return <TbankConnectionLoading />;
	if (viewModel.state === "error")
		return <TbankConnectionError retry={viewModel.retry} />;
	return <TbankConnectionSectionLoaded {...viewModel} />;
};

export { TbankConnectionSection };