import React from "react"; // @material-ui/core components import { makeStyles } from "@material-ui/core/styles"; // component import styles from "assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js"; import Paper from '@material-ui/core/Paper'; import Grid from '@material-ui/core/Grid'; import GridContainer from "components/Grid/GridContainer.js"; import Card from "components/Card/Card.js"; import CardBody from "components/Card/CardBody.js"; import Button from "components/CustomButtons/Button.js"; import Paginations from "components/Pagination/Pagination.js"; const useStyles = makeStyles(styles); const DataLatestNews = function ({ backend, news, ...props }) { const classes = useStyles(); const latnews = news.map((data) => { return ( {/*

{data.title}

*/}

{data.title}

); }) return (

Latest News

{latnews[0]} {latnews[1]} {latnews[2]} {latnews[3]} {latnews[4]} {latnews[5]}
); } export default DataLatestNews;