frontend/src/features/tbank-connection/ui/TbankConnectionSection/TbankConnectionSection.tsx

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 status={viewModel.status} />;
};

export { TbankConnectionSection };