tbg-ecomm-nextjs/pages-sections/snackbar.js

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 klik di sini. 
          </h4>
        }
        align="center"
        color="danger"
      />
    </div>
    </div>
  );
}

export default DataSnackbarContent;