import React from "react";
import { useParams } from "react-router";
import clsx from "clsx";
import { Typography } from "@material-ui/core";

import FleetVehiclesTable from "./Vehicles/Table";
import useStyles from "../../useStyles";

const FleetVehiclesTab = () => {
  const { name } = useParams();
  const classes = useStyles();

  return (
    <div className={clsx(classes.paper, classes.tableSize)}>
      <Typography variant="h6" className={classes.textCenterAlign}>Vehicles</Typography>
      <FleetVehiclesTable name={name} classes={classes} />
    </div >
  );
};

export default FleetVehiclesTab;
