Não pode escolher mais do que 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.
 
 

72 linhas
1.9 KiB

  1. import React from "react";
  2. // @material-ui/core components
  3. import { makeStyles } from "@material-ui/core/styles";
  4. // @material-ui/icons
  5. import Check from "@material-ui/icons/Check";
  6. import Warning from "@material-ui/icons/Warning";
  7. // core components
  8. import SnackbarContent from "components/Snackbar/SnackbarContent.js";
  9. import Clearfix from "components/Clearfix/Clearfix.js";
  10. import styles from "assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js";
  11. const useStyles = makeStyles(styles);
  12. export default function SectionNotifications() {
  13. const classes = useStyles();
  14. return (
  15. <div className={classes.section} id="notifications">
  16. <div className={classes.container}>
  17. <div className={classes.title}>
  18. <h3>Notifications</h3>
  19. </div>
  20. </div>
  21. <SnackbarContent
  22. message={
  23. <span>
  24. <b>INFO ALERT:</b> You{"'"}ve got some friends nearby, stop looking
  25. at your phone and find them...
  26. </span>
  27. }
  28. close
  29. color="info"
  30. icon="info_outline"
  31. />
  32. <SnackbarContent
  33. message={
  34. <span>
  35. <b>SUCCESS ALERT:</b> You{"'"}ve got some friends nearby, stop
  36. looking at your phone and find them...
  37. </span>
  38. }
  39. close
  40. color="success"
  41. icon={Check}
  42. />
  43. <SnackbarContent
  44. message={
  45. <span>
  46. <b>WARNING ALERT:</b> You{"'"}ve got some friends nearby, stop
  47. looking at your phone and find them...
  48. </span>
  49. }
  50. close
  51. color="warning"
  52. icon={Warning}
  53. />
  54. <SnackbarContent
  55. message={
  56. <span>
  57. <b>DANGER ALERT:</b> You{"'"}ve got some friends nearby, stop
  58. looking at your phone and find them...
  59. </span>
  60. }
  61. close
  62. color="danger"
  63. icon="info_outline"
  64. />
  65. <Clearfix />
  66. </div>
  67. );
  68. }