diff options
author | Eug-VS <eug-vs@keemail.me> | 2020-01-28 12:41:35 +0300 |
---|---|---|
committer | Eug-VS <eug-vs@keemail.me> | 2020-01-28 12:41:35 +0300 |
commit | 6ffd9ba4fdb459eb2e425ba1bf873baf7576c3f9 (patch) | |
tree | c8c0072a5934e10e247b6899883a7a45f44b488b /src/components/ContentSection/ContentSection.js | |
parent | f7488e93bc5a250ff8ebc2035d653d6cf3ed8c21 (diff) | |
download | chrono-cube-ui-6ffd9ba4fdb459eb2e425ba1bf873baf7576c3f9.tar.gz |
feat!: migrate to BENZIN library
Diffstat (limited to 'src/components/ContentSection/ContentSection.js')
-rw-r--r-- | src/components/ContentSection/ContentSection.js | 42 |
1 files changed, 0 insertions, 42 deletions
diff --git a/src/components/ContentSection/ContentSection.js b/src/components/ContentSection/ContentSection.js deleted file mode 100644 index 5108ce0..0000000 --- a/src/components/ContentSection/ContentSection.js +++ /dev/null @@ -1,42 +0,0 @@ -import React from 'react'; - -import { - Typography, - Divider, - makeStyles -} from '@material-ui/core'; - - -const useStyles = makeStyles(theme => ({ - content: { - padding: theme.spacing(0, 2, 1, 2), - marginBottom: theme.spacing(1), - - '& a': { - color: theme.palette.secondary.light, - }, - '& .MuiButton-root': { - color: theme.palette.background.paper, - margin: theme.spacing(1, 2, 2, 0), - fontWeight: 'bold', - }, - }, -})); - -const ContentSection = ({ sectionName, children }) => { - const classes = useStyles(); - - return ( - <> - <Typography variant="h4">{sectionName}</Typography> - <Divider variant="middle"/> - <Typography component="div" className={classes.content}> - {children} - </Typography> - </> - ); - -}; - - -export default ContentSection; |