2019-04-04 12:49:48 -04:00

52 lines
1.1 KiB
JavaScript

import React from 'react'
import Divider from '@material-ui/core/Divider'
import { withStyles } from '@material-ui/core/styles'
const styles = theme => ({
root: {
display: 'grid',
gridTemplateColumns: 'repeat(12, [col] 1fr)',
gridTemplateRows: 'repeat(5, [row] auto)',
gridColumnGap: '1em',
gridRowGap: '36px',
fontFamily: theme.typography.fontFamily,
[theme.breakpoints.up('sm')]: {
margin: '1.75rem 4.5rem'
}
},
title: {
display: 'grid',
fontSize: '2.5rem',
gridColumnStart: '1',
gridColumnEnd: '13',
gridRowStart: '1',
gridRowEnd: '6',
textAlign: 'center'
},
submissionRoot: {
gridColumnStart: '1',
gridColumnEnd: '13'
},
textField: {
width: '100%'
}
})
const Title = ({ className }) => (
<div className={className}>
<div style={{ alignSelf: 'center' }}>Create Project</div>
<Divider />
</div>
)
function CreateProject({ classes }) {
return (
<div className={classes.root}>
<Title className={classes.title} />
</div>
)
}
const StyledProject = withStyles(styles)(CreateProject)
export default StyledProject