import { Button } from "@mantine/core";
import { StateView } from "@wealthledger/ui";
import type { FC } from "react";
import { useTranslation } from "react-i18next";

type AccountEventsPageErrorProps = { retry: () => void };

const AccountEventsPageError: FC<AccountEventsPageErrorProps> = (props) => {
	const { t } = useTranslation();
	return (
		<StateView
			error
			title={t("events.errorTitle")}
			text={t("events.errorText")}
			action={<Button onClick={props.retry}>{t("events.retry")}</Button>}
		/>
	);
};

export { AccountEventsPageError };