diff options
author | Eugene Sokolov <eug-vs@keemail.me> | 2020-02-08 20:54:36 +0000 |
---|---|---|
committer | GitHub <noreply@github.com> | 2020-02-08 20:54:36 +0000 |
commit | a72027d21154ba94e26d6b96092afc9704b8288c (patch) | |
tree | 4ce18b62e7e79e3543c43a94b72a161d0f20d1d2 /src/lib/components/Window/Window.js | |
parent | d246305bfa280221efa8ee31cf6a841fbf54f378 (diff) | |
parent | ac6f957cef0d858a9720a7e97cf45fbf5900f926 (diff) | |
download | react-benzin-a72027d21154ba94e26d6b96092afc9704b8288c.tar.gz |
Merge pull request #4 from eug-vs/developv3.0.0
Release 3.0.0
Diffstat (limited to 'src/lib/components/Window/Window.js')
-rw-r--r-- | src/lib/components/Window/Window.js | 55 |
1 files changed, 0 insertions, 55 deletions
diff --git a/src/lib/components/Window/Window.js b/src/lib/components/Window/Window.js deleted file mode 100644 index 027213f..0000000 --- a/src/lib/components/Window/Window.js +++ /dev/null @@ -1,55 +0,0 @@ -import React from 'react'; - -import { Typography, Divider, makeStyles } from '@material-ui/core'; - -import WindowSurface from './WindowSurface/WindowSurface'; - - -const useStyles = makeStyles(theme => ({ - header: { - padding: theme.spacing(1, 0, 1, 2), - background: theme.palette.background.elevation2, - }, -})); - - -const Window = ({ type, name, children }) => { - const classes = useStyles(); - - const size = { - height: '85vh', - }; - - const position = { - bottom: '3vh', - }; - - if (type === 'primary') { - size.width = '63vw'; - position.left = '2vw'; - } else if (type === 'secondary') { - size.width = '31vw'; - position.right = '2vw'; - } else if (type === 'mono') { - position.left = '2vw'; - position.right = '2vw'; - } - - return ( - <WindowSurface - size={size} - position={position} - > - {name && - <div> - <Typography variant="h5" className={classes.header}>{name}</Typography> - <Divider /> - </div> - } - {children} - </WindowSurface> - ); -}; - - -export default Window; |