25 lines
596 B
JavaScript
25 lines
596 B
JavaScript
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>;
|
|
}
|