import { useTranslation } from "react-i18next";

import { Centroid } from "@/common/components/Centroid";
import { DialogContent, DialogTitle, SuccessIcon } from "@/shared";

import styles from "./AlarmSuccessResetting.module.css";

export function AlarmSuccessResetting() {
	const { t } = useTranslation("translation");

	return (
		<DialogContent className="sm:max-w-[400px]">
			<DialogTitle />

			<Centroid>
				<div className={styles.stack}>
					<SuccessIcon />
					<h2 className={styles.title}>
						{t("Alarm successfully reset!")}
					</h2>
				</div>
			</Centroid>
		</DialogContent>
	);
}
