import React from "react";
import { withStyles } from "@material-ui/core/styles";
import Button from "@material-ui/core/Button";

const StyledButton = withStyles({
  root: {
    backgroundColor: "#696969",
    color: "#262626",
    margin: "16px 16px 16px 16px",
    padding: "8px 12px 8px 12px",
    "&:hover": {
      backgroundColor: "#808080",
    },
  },
  label: {
    textTransform: "none",
  },
})(Button);

export default function ButtonPrimary(props) {
  return <StyledButton onClick={props.onClick}>{props.text}</StyledButton>;
}