import React from "react";
import FacebookIcon from "@material-ui/icons/Facebook";
import TwitterIcon from "@material-ui/icons/Twitter";
import InstagramIcon from "@material-ui/icons/Instagram";
import IconButton from "@material-ui/core/IconButton";
import { openInNewTab } from "../../Services.js";

export default function Social(props) {
  return (
    <div className="social-container">
      <IconButton
        onClick={() => openInNewTab("https://www.facebook.com")}
        color="secondary"
      >
        <FacebookIcon />
      </IconButton>
      <IconButton
        onClick={() => openInNewTab("https://twitter.com/menuifood")}
        color="secondary"
      >
        <TwitterIcon />
      </IconButton>
      <IconButton
        onClick={() => openInNewTab("https://www.instagram.com")}
        color="secondary"
      >
        <InstagramIcon />
      </IconButton>
    </div>
  );
}