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

import useStyles from "../../useStyles";
import CarDetails from "./Details";

const CarDetailsTab = ({vin}) => {
  const classes = useStyles();

  return (
    <div className={clsx(classes.paper, classes.tableSize)}>
      <Typography variant="h6">Vehicle Details</Typography>
      <CarDetails vin={vin} classes={classes} />
    </div >
  );
};

export default CarDetailsTab;
