Created the AccessItem.jsx

2023-07-08 19:34:17 +02:00
parent a448cb9d16
commit 753799f2cf
1 changed files with 10 additions and 0 deletions
--- a/src/pages/Home/sections/Access/components/AccessItem/AccessItem.jsx
+++ b/src/pages/Home/sections/Access/components/AccessItem/AccessItem.jsx
@ -0,0 +1,10 @@
+import {Grow, Stack, Typography} from "@mui/material";
+
+export const AccessItem = ({title, image}) => (
+    <Grow in timeout={1000}>
+        <Stack direction="column" justifyContent="center" alignItems="center" gap={2} sx={{cursor: "pointer"}}>
+            <img src={image} alt="Base" height={60}/>
+            <Typography variant="h5" fontWeight={700} color="black">{title}</Typography>
+        </Stack>
+    </Grow>
+)