30 lines
730 B
JavaScript
30 lines
730 B
JavaScript
import React, { Component } from "react";
|
|
|
|
import { withStyles } from "@material-ui/core/styles";
|
|
import { alpha } from "@material-ui/core/styles";
|
|
|
|
import Typography from "@material-ui/core/Typography";
|
|
|
|
const styles = (theme) => ({
|
|
alert: {
|
|
marginBottom: "20px",
|
|
border: `1px solid ${theme.palette.primary.main}`,
|
|
padding: "10px 20px",
|
|
borderRadius: "4px",
|
|
background: alpha(theme.palette.primary.main, 0.3),
|
|
color: "rgb(70,70,70)",
|
|
},
|
|
});
|
|
|
|
export class Alert extends Component {
|
|
render() {
|
|
return (
|
|
<div className={this.props.classes.alert}>
|
|
<Typography>{this.props.children}</Typography>
|
|
</div>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default withStyles(styles, { withTheme: true })(Alert);
|