import React from "react";
import classNames from "classnames";
import { makeStyles } from "@material-ui/core/styles";
import Dashboard from "@material-ui/icons/Dashboard";
import GridContainer from "components/Grid/GridContainer.js";
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 Quote from "components/Typography/Quote.js"
import Grid from '@material-ui/core/Grid';
import Button from "components/CustomButtons/Button.js";
import styles from "assets/jss/nextjs-material-kit/pages/profilePage.js";
import Icon from "@material-ui/core/Icon";
const useStyles = makeStyles(styles);
const DataCarrers = function ({ backend, s1, d3, sma, ...props }) {
const classes = useStyles();
const { ...rest } = props;
const imageClasses = classNames(
classes.imgRaised,
classes.imgRoundedCircle,
classes.imgFluid
);
const navImageClasses = classNames(classes.imgRounded, classes.imgGallery);
const CarrerS1 = s1.map((data) => {
return (
{data.name}
Masa Pendaftaran : {data.start_regis} s/d {data.until_regis}
);
})
const CarrerD3 = d3.map((data) => {
return (
{data.name}
Masa Pendaftaran : {data.start_regis} s/d {data.until_regis}
);
})
const CarrerSMA = sma.map((data) => {
return (
{data.name}
Masa Pendaftaran : {data.start_regis} s/d {data.until_regis}
);
})
return (
Product
Carrer & Job Vacancies
{CarrerS1}{CarrerS1}{CarrerS1}
),
},
{
tabButton: "D3",
tabIcon: Dashboard,
tabContent: (
{CarrerD3}
{CarrerD3}
),
},
{
tabButton: "SMA / SMK ",
tabIcon: Dashboard,
tabContent: (
{CarrerSMA}
),
},
{
tabButton: "Recruitment Process",
tabIcon: Dashboard,
tabContent: (
),
},
]}
/>
);
}
export default DataCarrers;