24 lines
567 B
JavaScript
24 lines
567 B
JavaScript
import React from "react";
|
|
import { withStyles } from "@material-ui/core/styles";
|
|
import Button from "@material-ui/core/Button";
|
|
|
|
const StyledButton = withStyles({
|
|
root: {
|
|
backgroundColor: "#9e9e9e",
|
|
borderRadius: "14px",
|
|
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>;
|
|
}
|