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

const StylizedButton = withStyles({
  root: {
    background: "#d68000",
    borderRadius: "14px",
    color: "#262626",
    margin: "16px 16px 16px 16px",
    padding: "8px 16px 8px 16px",
    borderColor: "white",
    "&:hover": {
      backgroundColor: "#b46c00",
    },
  },
  label: {
    textTransform: "none",
  },
})(Button);

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