import { CloudOffOutlined } from "@mui/icons-material";

export const NoConnectionIcon = () => {
	return (
		<CloudOffOutlined
			color="error"
			sx={{
				fontSize: "2rem",
				animation: "color-change 1.5s ease-in-out infinite alternate",
				"@keyframes color-change": {
					"0%": {
						color: "red",
					},
					"50%": {
						color: "white",
					},
					"100%": {
						color: "red",
					},
				},
			}}
		/>
	);
};
