import React, { useState, useEffect } from "react"; import classNames from "classnames"; import { makeStyles } from "@material-ui/core/styles"; import ReactHtmlParser from "react-html-parser"; import Dashboard from "@material-ui/icons/Dashboard"; import Icon from "@material-ui/core/Icon"; import GridContainer from "components/Grid/GridContainer.js"; import Grid from '@material-ui/core/Grid'; import GridItem from "components/Grid/GridItem.js"; import NavPills from "components/NavPills/NavPills.js"; import Card from "components/Card/Card.js"; import CardBody from "components/Card/CardBody.js"; import CardHeader from "components/Card/CardHeader.js"; import CardFooter from "components/Card/CardFooter.js"; import Button from "components/CustomButtons/Button.js"; import styles from "assets/jss/nextjs-material-kit/pages/profilePage.js"; import Carousel from "react-slick"; const useStyles = makeStyles(styles); const DetailDataAccessories = function ({ backend, detailaccessories, ...props }) { const classes = useStyles(); const { ...rest } = props; const imageClasses = classNames( classes.imgRaised, classes.imgRoundedCircle, classes.imgFluid ); const settings = { dots: true, infinite: true, speed: 500, slidesToShow: 1, slidesToScroll: 1, autoplay: true, time: 5 }; const navImageClasses = classNames(classes.imgRounded, classes.imgGallery); const Accessoriesdetails = detailaccessories.map((data) => { return (
{ReactHtmlParser(data.description)}