text: import React from "react";
  // react plugin for creating charts
  import ChartistGraph from "react-chartist";
  // @material-ui/core
  import { makeStyles } from "@material-ui/core/styles";
  import Icon from "@material-ui/core/Icon";
  // @material-ui/icons
  import Store from "@material-ui/icons/Store";
  import Warning from "@material-ui/icons/Warning";
  import DateRange from "@material-ui/icons/DateRange";
  import LocalOffer from "@material-ui/icons/LocalOffer";
  import Update from "@material-ui/icons/Update";
  import ArrowUpward from "@material-ui/icons/ArrowUpward";
  import AccessTime from "@material-ui/icons/AccessTime";
  import Accessibility from "@material-ui/icons/Accessibility";
  import BugReport from "@material-ui/icons/BugReport";
  import Code from "@material-ui/icons/Code";
  import Cloud from "@material-ui/icons/Cloud";
  // core components
  import { Tab, Tabs, Button } from '@material-ui/core'
  import GridItem from "components/Grid/GridItem.js";
  import GridContainer from "components/Grid/GridContainer.js";
  import Table from "components/Table/Table.js";
  import Tasks from "components/Tasks/Tasks.js";
  import CustomTabs from "components/CustomTabs/CustomTabs.js";
  import Danger from "components/Typography/Danger.js";
  import Card from "components/Card/Card.js";
  import CardHeader from "components/Card/CardHeader.js";
  import CardIcon from "components/Card/CardIcon.js";
  import CardBody from "components/Card/CardBody.js";
  import CardFooter from "components/Card/CardFooter.js";
  import NoticeLayout from "components/NoticeLayout";
  import EmailNotificationSettings from "components/EmailNotificationSettings";
  import Maps from "views/Maps/Maps.js";
  import { bugs, website, server } from "variables/general.js";
  import { Steps } from 'rsuite';
  import {
    dailySalesChart,
    emailsSubscriptionChart,
    completedTasksChart,
    pieChart
  } from "variables/charts.js";
  
  
  import styles from "assets/css/material-dashboard-react.css";
  
  const useStyles = makeStyles(styles);
  
  const theme= {
    root: {
      flexGrow: 1,
    },
    paper: {
      height: 140,
      width: 100,
    },
    control: {
      padding: 2* 2,
    },
  };
  
  export default function EmailNotifications() {
    const classes = useStyles();
    let state = {
      product: {},
      products: {},
      value: 0
    }
    return (
      <NoticeLayout>
        <br></br>       
        <GridContainer justify="center" alignItems= "center" spacing={1}>
            <h3>Email Notifications Settings</h3>
            
          <GridItem xs={12} sm={6} md={10} >
  
            <Card>
            <CardBody>
              <EmailNotificationSettings></EmailNotificationSettings>
              <EmailNotificationSettings></EmailNotificationSettings>
              <EmailNotificationSettings></EmailNotificationSettings>
              <EmailNotificationSettings></EmailNotificationSettings>
              <EmailNotificationSettings></EmailNotificationSettings><br></br>
            </CardBody>
            </Card>
          </GridItem>
        </GridContainer>
      </NoticeLayout>
    );
  }
  