{"size": 301, "ext": "js", "max_stars_repo_path": "canvas_react_tutorial/src/views/bottomSidebar/bars/Video.js", "max_stars_repo_name": "bahoang3105/mix-video", "max_stars_repo_stars_event_min_datetime": "2021-11-06T04:22:13.000Z", "max_stars_repo_stars_event_max_datetime": "2021-11-06T04:22:17.000Z", "max_issues_repo_path": "canvas_react_tutorial/src/views/bottomSidebar/bars/Video.js", "max_issues_repo_name": "bahoang3105/Canvas_React_Tutorial", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "canvas_react_tutorial/src/views/bottomSidebar/bars/Video.js", "max_forks_repo_name": "bahoang3105/Canvas_React_Tutorial", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 2, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 20.0666666667, "max_line_length": 61, "alphanum_fraction": 0.6212624585}
import { AiOutlineVideoCamera } from "react-icons/ai";

const Video = (props) => {
  return (
    <div className={props.className} onClick={props.onClick}>
      <AiOutlineVideoCamera />
      <label className='bottom-bar-label'>
        Video
      </label>
    </div>
  );
};

export default Video;
