1 files changed, 45 insertions, 0 deletions
diff --git a/src/views/Authorization/AuthorizationContainer.jsx b/src/views/Authorization/AuthorizationContainer.jsx
new file mode 100644
index 0000000..3bfc622
--- /dev/null
+++ b/src/views/Authorization/AuthorizationContainer.jsx
@@ -0,0 +1,45 @@
+// import Logo from 'Components/Logo'
+import { Box, Paper } from '@mui/material'
+import { styled } from '@mui/material/styles'
+
+const Container = styled('div')(({ theme }) => ({
+  minHeight: '100vh',
+  padding: '24px',
+  display: 'grid',
+  placeItems: 'start center',
+  [theme.breakpoints.up('sm')]: {
+    // center children
+    placeItems: 'center',
+  },
+}))
+
+const AuthCard = styled(Paper)(({ theme }) => ({
+  //   border: "1px solid #c4c4c4",
+  padding: 24,
+  paddingTop: 32,
+  borderRadius: 24,
+  width: '100%',
+  maxWidth: '400px',
+  [theme.breakpoints.down('sm')]: {
+    maxWidth: 'unset',
+  },
+}))
+
+export default function AuthCardContainer({ children, ...props }) {
+  return (
+    <Container>
+      <AuthCard elevation={0}>
+        <Box
+          sx={{
+            display: 'grid',
+            placeItems: 'center',
+            paddingBottom: 4,
+          }}
+        >
+          {/* <Logo size='96px' /> */}
+        </Box>
+        {children}
+      </AuthCard>
+    </Container>
+  )
+}