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";

type AccountIncomePageProps = { accountId?: string };

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

export { AccountIncomePage };