import React from "react";

// @material-ui/core components
import { makeStyles } from "@material-ui/core/styles";

// Component
import SnackbarContent from "components/Snackbar/SnackbarContent.js";
import styles from "assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js";

const useStyles = makeStyles(styles);

const DataSnackbarContent = function()  {
  const classes = useStyles();
  return (
    <div align="center">
      <div align="center" className={classes.section} id="notifications">
        <SnackbarContent
          message={
            <h4>
              Thamrin Group bersama Anda melawan COVID-19. Untuk informasi silakan <a href="https://covid19.go.id/" target="_blank" className={classes.block}>klik di sini.</a> 
            </h4>
          }
          align="center"
          color="info"
        />
      </div>
    </div>
  );
}

export default DataSnackbarContent;