import { Box, Typography } from "@mui/material";
import { useTranslation } from "react-i18next";

import { Version } from "../../../components/Version";

export function Footer() {
	const { t } = useTranslation();

	return (
		<Box
			sx={{
				backgroundColor: "grey.100",
				display: "flex",
				alignItems: "center",
				justifyContent: "space-between",
				padding: "25px 60px",
			}}
		>
			<Box
				sx={{
					display: "flex",
					alignItems: "center",
					gap: 0.5,
				}}
			>
				<Typography variant="body1" color="grey.800">
					@2025 Monitoring EDDS -
				</Typography>
				<Version />
			</Box>
			<Typography variant="body1" color="grey.800">
				{t("All rights reserved.")}
			</Typography>
		</Box>
	);
}
