{"size": 899, "ext": "js", "max_stars_repo_path": "src/pages/Newsfeed/components/SpotlightBar.js", "max_stars_repo_name": "AngelCitySportsAdm1n/AdaptivApps-fe", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/pages/Newsfeed/components/SpotlightBar.js", "max_issues_repo_name": "AngelCitySportsAdm1n/AdaptivApps-fe", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/pages/Newsfeed/components/SpotlightBar.js", "max_forks_repo_name": "AngelCitySportsAdm1n/AdaptivApps-fe", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 24.2972972973, "max_line_length": 64, "alphanum_fraction": 0.6351501669}
import React, { useState } from "react";
import EditIcon from "@material-ui/icons/Edit";
import CloseIcon from "@material-ui/icons/Close";

import { makeStyles, Container } from "@material-ui/core";

const useStyles = makeStyles(theme => ({
  root: {
    position: "sticky",
    marginTop: "80%",
    display: "flex",
    flexDirection: "column",
    objectFit: "contain",
  },
  hartford: {
    maxWidth: "100%",
  },
  acs: {
    maxWidth: "80%",
  },
}));

const Hartford = require("../../../assets/images/Hartford.png");
const ACS = require("../../../assets/images/01-ACS_Logo.png");

export default function SpotlightBar() {
  const classes = useStyles();
  const [toggleEdit, setToggleEdit] = useState(false);

  return (
    <Container className={classes.root}>
      <img src={Hartford} className={classes.hartford} />
      <img src={ACS} className={classes.acs} />
    </Container>
  );
}
