diff options
author | eug-vs <eug-vs@keemail.me> | 2020-10-10 13:39:08 +0300 |
---|---|---|
committer | eug-vs <eug-vs@keemail.me> | 2020-10-10 13:39:08 +0300 |
commit | bfa9f7b9158faa3a453eaabf5be3c96b6c8a18b1 (patch) | |
tree | 1f8b2b987b24ecacb9b1fe62ce57d1f0ac6f6230 /src/lib/Window/Window.tsx | |
parent | c33c6a521325adafb250124d2814423b3a4187b5 (diff) | |
download | react-benzin-bfa9f7b9158faa3a453eaabf5be3c96b6c8a18b1.tar.gz |
refactor: remove demo components from lib
Diffstat (limited to 'src/lib/Window/Window.tsx')
-rw-r--r-- | src/lib/Window/Window.tsx | 62 |
1 files changed, 0 insertions, 62 deletions
diff --git a/src/lib/Window/Window.tsx b/src/lib/Window/Window.tsx deleted file mode 100644 index beaa672..0000000 --- a/src/lib/Window/Window.tsx +++ /dev/null @@ -1,62 +0,0 @@ -import React from 'react'; - -import { Typography, Divider, makeStyles } from '@material-ui/core'; - -import WindowSurface from './WindowSurface'; -import { SurfaceSize, SurfacePosition } from './types'; - - -interface PropTypes { - type: 'primary' | 'secondary' | 'mono'; - name?: string; -} - - -const useStyles = makeStyles(theme => ({ - header: { - padding: theme.spacing(1, 0, 1, 2), - background: theme.palette.background.elevation2, - }, -})); - - -const Window: React.FC<PropTypes> = ({ type, name, children }) => { - const classes = useStyles(); - - const size: SurfaceSize = { - height: '85vh', - }; - - const position: SurfacePosition = { - 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; |