import { Stack } from "@mantine/core";
import { StateView } from "@wealthledger/ui";
import type { FC } from "react";
import { useTranslation } from "react-i18next";
import {
	AccountsRefreshState,
	type AccountsRefreshStateProps,
} from "./AccountsRefreshState.view";

const AccountsPageEmpty: FC<AccountsRefreshStateProps> = (props) => {
	const { t } = useTranslation();
	return (
		<Stack>
			<AccountsRefreshState {...props} />
			<StateView
				title={t("accounts.emptyTitle")}
				text={t("accounts.emptyText")}
			/>
		</Stack>
	);
};

export { AccountsPageEmpty };