feat: markup login section

1 files changed, 33 insertions, 1 deletions

diff --git a/src/containers/LoginSection/LoginSection.tsx b/src/containers/LoginSection/LoginSection.tsx
index c7e2785..b870c7d 100644
--- a/src/containers/LoginSection/LoginSection.tsx
+++ b/src/containers/LoginSection/LoginSection.tsx
@@ -1,12 +1,44 @@
 import React from 'react';
 import { ContentSection } from 'react-benzin';
-import { Link } from '@material-ui/core';
+import { Link, TextField, Button } from '@material-ui/core';
+import { makeStyles } from '@material-ui/core/styles';
+
+const useStyles = makeStyles(theme => ({
+  form: {
+    width: theme.spacing(50),
+    display: 'flex',
+    flexDirection: 'column',
+    '& > *': {
+      margin: theme.spacing(1)
+    }
+  },
+}));
+
 
 const LoginSection: React.FC = () => {
+  const classes = useStyles();
 
   return (
     <ContentSection sectionName="Login" level={1}>
       Log in using your <Link href="https://edufpmi.bsu.by">EDUFPMI</Link> credentials
+      <p className={classes.form}>
+        <TextField
+          variant="outlined"
+          label="Username"
+        />
+        <TextField
+          variant="outlined"
+          label="Password"
+          type="password"
+        />
+        <Button
+          variant="contained"
+          size="large"
+          color="primary"
+        >
+          Login
+        </Button>
+      </p>
     </ContentSection>
   );
 };