37 lines
857 B
JavaScript
37 lines
857 B
JavaScript
|
import React from 'react';
|
||
|
|
import PropTypes from 'prop-types';
|
||
|
|
|
||
|
|
import Paper from 'material-ui/Paper';
|
||
|
|
import { withStyles } from 'material-ui/styles';
|
||
|
|
import Typography from 'material-ui/Typography';
|
||
|
|
|
||
|
|
const styles = theme => ({
|
||
|
|
content: {
|
||
|
|
padding: theme.spacing.unit * 2,
|
||
|
|
margin: theme.spacing.unit * 2,
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
function SectionContent(props) {
|
||
|
|
const { children, classes, title } = props;
|
||
|
|
return (
|
||
|
|
<Paper className={classes.content}>
|
||
|
|
<Typography variant="display1">
|
||
|
|
{title}
|
||
|
|
</Typography>
|
||
|
|
{children}
|
||
|
|
</Paper>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
SectionContent.propTypes = {
|
||
|
|
classes: PropTypes.object.isRequired,
|
||
|
|
children: PropTypes.oneOfType([
|
||
|
|
PropTypes.arrayOf(PropTypes.node),
|
||
|
|
PropTypes.node
|
||
|
|
]).isRequired,
|
||
|
|
title: PropTypes.string.isRequired
|
||
|
|
};
|
||
|
|
|
||
|
|
export default withStyles(styles)(SectionContent);
|