import React from "react";
import Alert from "@mui/joy/Alert";
import ErrorOutlineIcon from "@mui/icons-material/ErrorOutline";

export default function RadioBanner(): React.ReactElement {
    return (
        <div>
            <h2 style={{ textAlign: 'center', marginBottom: '1rem' }}>Radio</h2>
            <Alert
                variant="soft"
                color="danger"
                sx={{ fontSize: "1.0rem", textAlign: "center", mt: 4, mb: 4, px: 3, py: 2 }}
                startDecorator={<ErrorOutlineIcon fontSize="large" />}
            >
                Maintenance in progress. Please check back soon!
            </Alert>
        </div>
    );
}
