import React from "react";
import styles from "./DetailLoading.module.css";

import {LinearProgress, linearProgressClasses, Typography} from "@mui/material";

export default function DetailLoading() {
	return (
		<div className={styles.main}>
			<Typography color="textSecondary">Getting your messages&#8230;</Typography>
			<LinearProgress
				className={styles.progress}
				sx={{
					borderRadius: 8,
					[`& .${linearProgressClasses.bar}`]: {
						borderRadius: 8
					},
				}} />
		</div>
	);
}