import type { FC } from "react";
import { useAccountIncomePageViewModel } from "./AccountIncomePage.vm";
import { AccountIncomePageError } from "./components/AccountIncomePageError.view";
import { AccountIncomePageLoaded } from "./components/AccountIncomePageLoaded.view";
import { AccountIncomePageLoading } from "./components/AccountIncomePageLoading.view";

const AccountIncomePage: FC = () => {
	const viewModel = useAccountIncomePageViewModel();
	if (viewModel.state === "loading") return <AccountIncomePageLoading />;
	if (viewModel.state === "error")
		return <AccountIncomePageError {...viewModel} />;
	return <AccountIncomePageLoaded {...viewModel} />;
};

export { AccountIncomePage };