import { useState } from 'react';
import { Grid, Box, Typography, Link, Button, Divider, List, ListItemButton, ListItemIcon, ListItemText, Collapse, Chip, Avatar } from '@mui/material';
import theme from '../../theme/theme';
const Menu = (props) => {
const [mobile, setMobile] = useState({ display: 'none' })
const [open1, setOpen1] = useState(false);
const [open3, setOpen3] = useState(false);
const [open4, setOpen4] = useState(false);
const [open5, setOpen5] = useState(false);
const [open6, setOpen6] = useState(false);
const handleClick1 = () => {
setOpen1(!open1);
};
const handleClick3 = () => {
setOpen3(!open3);
};
const handleClick4 = () => {
setOpen4(!open4);
};
const handleClick5 = () => {
setOpen5(!open5);
};
const handleClick6 = () => {
setOpen6(!open6);
};
const handleClick7 = () => {
setMobile((mobile) => {
if(mobile.display === 'none'){
return {...mobile, display: 'block'}
}
if(mobile.display === 'block'){
return {...mobile, display: 'none'}
}
});
};
const styles = {
section: {
mb: theme.spacing(2)
},
mobile: {
backgroundColor: theme.palette.grey[800],
py: theme.spacing(3.3125),
px: theme.spacing(3)
},
bottom: {
backgroundColor: theme.palette.common.white,
py: theme.spacing(2.57),
px: theme.spacing(3)
},
logo: {
height: theme.spacing(5),
width: '100%'
},
hamburger: {
display: 'block',
[theme.breakpoints.up('lg')] :{
display: 'none',
}
},
mobileMenu: {
display: 'none',
[theme.breakpoints.up('lg')] :{
display: 'block',
}
},
button: {
minWidth: 0,
p: theme.spacing(0.75),
zIndex: 50,
position: 'relative'
},
menu: {
backgroundColor: theme.palette.grey[800],
[theme.breakpoints.up('lg')] : {
display: 'none'
}
},
nav: {
position: 'fixed',
top: 0,
left: 0,
maxWidth: theme.spacing(33.75),
width: '75%',
overflowY: 'scroll',
backgroundColor: theme.palette.grey[800],
height: '100%',
minHeight: '100%',
display: 'flex',
flexDirection: 'column',
zIndex: 10
},
navShadow: {
backgroundColor: theme.palette.grey[800] + '30',
position: 'fixed',
top: 0,
left: 0,
width: '100%',
height: '100%',
[theme.breakpoints.up('lg')] : {
display: 'none'
}
},
divider: {
borderColor: theme.palette.grey[700] + '40'
},
main: {
pt: theme.spacing(3),
px: theme.spacing(2)
},
subtitle2: {
color: theme.palette.grey[500]
},
button2: {
height: theme.spacing(5.5),
borderRadius: theme.spacing(0.5),
color: theme.palette.grey[50],
'&:hover': {
backgroundColor: theme.palette.grey[900] + '20',
'& .MuiListItemIcon-root': {
color: theme.palette.grey[600]
},
},
'&:focus': {
backgroundColor: theme.palette.primary[500],
}
},
listItemIcon: {
minWidth: 0,
mr: theme.spacing(1.5),
color: theme.palette.grey[600]
},
collapse: {
color: theme.palette.white.main,
backgroundColor: theme.palette.grey[900] + '20',
borderRadius: `0 0 ${theme.spacing(0.5)} ${theme.spacing(0.5)}`
},
list: {
py: theme.spacing(0)
},
button3: {
height: theme.spacing(5.5)
},
chip: {
fontSize: theme.spacing(1.5),
fontWeight: theme.typography.fontWeightMedium
},
secondary: {
pt: theme.spacing(6),
px: theme.spacing(2)
},
user: {
py: theme.spacing(2),
px: theme.spacing(2)
},
wrapper: {
flex: 1,
display: 'flex',
flexDirection: 'column',
justifyContent: 'space-between'
},
info: {
backgroundColor: theme.palette.grey[700] + '20',
borderRadius: theme.spacing(0.5),
px: theme.spacing(2),
py: theme.spacing(1.5),
mt: theme.spacing(2)
},
body2: {
color: theme.palette.common.white
},
body3: {
color: theme.palette.grey[500]
},
link: {
color: theme.palette.grey[50],
fontWeight: theme.typography.fontWeightMedium,
fontSize: theme.spacing(1.75),
'&:hover': {
color: theme.palette.grey[200],
}
},
link2: {
color: theme.palette.grey[500],
fontWeight: theme.typography.fontWeightMedium,
fontSize: theme.spacing(1.75),
'&:hover': {
color: theme.palette.grey[600],
}
},
link3: {
color: theme.palette.grey[200],
'&:hover': {
color: theme.palette.grey[300],
}
},
menuIcon: {
color: theme.palette.grey[600],
'&:hover': {
color: theme.palette.grey[500],
}
}
}
const content = {
'Image1-1': 'mui-artemis-assets/logos/logo-text-white-xl.svg',
'GridItem1-1': <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.9066 4.12886C15.9005 4.12235 15.8987 4.1137 15.8923 4.10734C15.8859 4.10098 15.8771 4.09905 15.8706 4.0929C14.3119 2.53919 12.2008 1.66675 9.99996 1.66675C7.79914 1.66675 5.68807 2.53919 4.12935 4.0929C4.12279 4.09905 4.11404 4.10093 4.10763 4.10734C4.10122 4.11375 4.09944 4.12234 4.09334 4.12886C2.93189 5.29587 2.14217 6.7808 1.82385 8.39621C1.50553 10.0116 1.67289 11.6851 2.30478 13.2055C2.93668 14.7259 4.00481 16.0251 5.37435 16.939C6.7439 17.8529 8.35348 18.3406 9.99996 18.3406C11.6464 18.3406 13.256 17.8529 14.6256 16.939C15.9951 16.0251 17.0632 14.7259 17.6951 13.2055C18.327 11.6851 18.4944 10.0116 18.1761 8.39621C17.8578 6.7808 17.068 5.29587 15.9066 4.12886V4.12886ZM9.99992 16.6667C9.00181 16.6664 8.01656 16.4415 7.11714 16.0088C6.21773 15.576 5.42719 14.9465 4.80409 14.1667H8.15015C8.38188 14.4287 8.66662 14.6385 8.98551 14.7821C9.3044 14.9258 9.65017 15.0001 9.99992 15.0001C10.3497 15.0001 10.6954 14.9258 11.0143 14.7821C11.3332 14.6385 11.618 14.4287 11.8497 14.1667H15.1958C14.5727 14.9465 13.7821 15.576 12.8827 16.0088C11.9833 16.4416 10.998 16.6664 9.99992 16.6667V16.6667ZM9.16659 12.5001C9.16659 12.3353 9.21546 12.1741 9.30703 12.0371C9.3986 11.9001 9.52875 11.7933 9.68102 11.7302C9.83329 11.6671 10.0008 11.6506 10.1625 11.6828C10.3241 11.7149 10.4726 11.7943 10.5892 11.9108C10.7057 12.0274 10.7851 12.1759 10.8172 12.3375C10.8494 12.4992 10.8329 12.6667 10.7698 12.819C10.7067 12.9713 10.5999 13.1014 10.4629 13.193C10.3259 13.2845 10.1647 13.3334 9.99992 13.3334C9.77898 13.3332 9.56714 13.2453 9.41091 13.0891C9.25468 12.9329 9.16681 12.721 9.16659 12.5001V12.5001ZM16.1751 12.5018L16.1665 12.5001H12.4999C12.4983 11.9848 12.3373 11.4826 12.0389 11.0624C11.7405 10.6423 11.3193 10.3248 10.8333 10.1536V7.50008C10.8333 7.27907 10.7455 7.06711 10.5892 6.91083C10.4329 6.75455 10.2209 6.66675 9.99992 6.66675C9.77891 6.66675 9.56695 6.75455 9.41067 6.91083C9.25439 7.06711 9.16659 7.27907 9.16659 7.50008V10.1536C8.68054 10.3248 8.25939 10.6423 7.96098 11.0624C7.66256 11.4826 7.50151 11.9848 7.49992 12.5001H3.83334L3.82474 12.5018C3.60799 11.967 3.46221 11.4061 3.39114 10.8334H4.16659C4.3876 10.8334 4.59956 10.7456 4.75584 10.5893C4.91212 10.4331 4.99992 10.2211 4.99992 10.0001C4.99992 9.77907 4.91212 9.56711 4.75584 9.41083C4.59956 9.25455 4.3876 9.16675 4.16659 9.16675H3.39114C3.54005 7.98222 4.00621 6.85993 4.74037 5.91851L5.28597 6.46411C5.36335 6.54149 5.4552 6.60286 5.5563 6.64474C5.65739 6.68661 5.76574 6.70816 5.87517 6.70816C5.98459 6.70816 6.09294 6.68661 6.19404 6.64474C6.29513 6.60286 6.38699 6.54148 6.46436 6.46411C6.54173 6.38674 6.60311 6.29488 6.64498 6.19379C6.68686 6.09269 6.70841 5.98434 6.70841 5.87492C6.70841 5.76549 6.68686 5.65714 6.64498 5.55605C6.60311 5.45495 6.54173 5.3631 6.46436 5.28572L5.91881 4.74017C6.86016 4.00626 7.98227 3.54022 9.16659 3.3913V4.16675C9.16659 4.38776 9.25439 4.59972 9.41067 4.756C9.56695 4.91228 9.77891 5.00008 9.99992 5.00008C10.2209 5.00008 10.4329 4.91228 10.5892 4.756C10.7455 4.59972 10.8333 4.38776 10.8333 4.16675V3.3913C12.0176 3.54022 13.1397 4.00626 14.081 4.74017L13.5355 5.28572C13.3792 5.44199 13.2914 5.65393 13.2914 5.87492C13.2914 6.09591 13.3792 6.30785 13.5355 6.46411C13.6917 6.62037 13.9037 6.70816 14.1247 6.70816C14.3457 6.70816 14.5576 6.62038 14.7139 6.46411L15.2595 5.91851C15.9936 6.85993 16.4598 7.98222 16.6087 9.16675H15.8333C15.6122 9.16675 15.4003 9.25455 15.244 9.41083C15.0877 9.56711 14.9999 9.77907 14.9999 10.0001C14.9999 10.2211 15.0877 10.4331 15.244 10.5893C15.4003 10.7456 15.6122 10.8334 15.8333 10.8334H16.6087C16.5376 11.4061 16.3919 11.967 16.1751 12.5018V12.5018Z" fill="#67798E"/></svg>,
'Link1-1': 'Dashboard',
'GridItem2-1': <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.0002 1.66675C5.41684 1.66675 1.66684 5.41675 1.66684 10.0001C1.66684 14.5834 5.41684 18.3334 10.0002 18.3334C14.5835 18.3334 18.3335 14.5834 18.3335 10.0001C18.3335 5.41675 14.5835 1.66675 10.0002 1.66675ZM3.58351 11.6667C3.41684 11.0834 3.33351 10.5834 3.33351 10.0001C3.33351 9.41675 3.41684 8.91675 3.58351 8.33342H5.16684C5.00017 9.41675 5.00017 10.5834 5.16684 11.6667H3.58351ZM4.25017 13.3334H5.41684C5.58351 14.0834 5.83351 14.8334 6.25017 15.5001C5.41684 14.9167 4.75017 14.1667 4.25017 13.3334ZM5.41684 6.66675H4.25017C4.75017 5.83342 5.41684 5.08342 6.25017 4.50008C5.83351 5.16675 5.58351 5.91675 5.41684 6.66675ZM9.16684 16.4167C8.16684 15.6667 7.41684 14.5834 7.16684 13.3334H9.16684V16.4167ZM9.16684 11.6667H6.75017C6.66684 11.0834 6.66684 10.5834 6.66684 10.0001C6.66684 9.41675 6.66684 8.91675 6.75017 8.33342H9.16684V11.6667ZM9.16684 6.66675H7.16684C7.41684 5.41675 8.16684 4.33342 9.16684 3.58341V6.66675ZM15.7502 6.66675H14.5835C14.4168 5.91675 14.1668 5.16675 13.7502 4.50008C14.5835 5.08342 15.2502 5.83342 15.7502 6.66675ZM10.8335 3.58341C11.8335 4.33342 12.5835 5.41675 12.8335 6.66675H10.8335V3.58341ZM10.8335 16.4167V13.3334H12.8335C12.5835 14.5834 11.8335 15.6667 10.8335 16.4167ZM13.2502 11.6667H10.8335V8.33342H13.2502C13.3335 9.41675 13.3335 10.5834 13.2502 11.6667ZM13.8335 15.5001C14.1668 14.8334 14.4168 14.0834 14.6668 13.3334H15.8335C15.2502 14.1667 14.5835 14.9167 13.8335 15.5001ZM14.9168 11.6667C15.0835 10.5834 15.0835 9.41675 14.9168 8.33342H16.5002C16.8335 9.41675 16.8335 10.5834 16.5002 11.6667H14.9168Z" fill="#526172"/></svg>,
'Link2-1': 'Discover',
'GridItem3-1': <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.3414 10.2334C12.8688 9.66695 13.166 8.92406 13.1747 8.15008C13.1747 7.31465 12.8428 6.51343 12.2521 5.9227C11.6613 5.33196 10.8601 5.00008 10.0247 5.00008C9.18925 5.00008 8.38804 5.33196 7.7973 5.9227C7.20656 6.51343 6.87468 7.31465 6.87468 8.15008C6.88338 8.92406 7.18054 9.66695 7.70802 10.2334C6.97356 10.5991 6.34154 11.1417 5.86878 11.8123C5.39603 12.4829 5.09737 13.2604 4.99968 14.0751C4.97537 14.2961 5.03985 14.5177 5.17894 14.6912C5.31803 14.8647 5.52034 14.9758 5.74135 15.0001C5.96237 15.0244 6.18398 14.9599 6.35746 14.8208C6.53093 14.6817 6.64204 14.4794 6.66635 14.2584C6.7658 13.451 7.15706 12.7079 7.76642 12.169C8.37579 11.63 9.1612 11.3326 9.97469 11.3326C10.7882 11.3326 11.5736 11.63 12.1829 12.169C12.7923 12.7079 13.1836 13.451 13.283 14.2584C13.3062 14.4721 13.411 14.6686 13.5756 14.8068C13.7402 14.945 13.9519 15.0142 14.1664 15.0001H14.258C14.4765 14.9749 14.6761 14.8645 14.8135 14.6928C14.9508 14.5211 15.0148 14.3021 14.9914 14.0834C14.9009 13.2731 14.6117 12.4976 14.1494 11.826C13.6871 11.1543 13.066 10.6072 12.3414 10.2334V10.2334ZM9.99969 9.63342C9.70631 9.63342 9.41952 9.54642 9.17559 9.38343C8.93166 9.22044 8.74153 8.98877 8.62926 8.71773C8.51699 8.44669 8.48762 8.14844 8.54485 7.8607C8.60209 7.57296 8.74336 7.30865 8.95081 7.10121C9.15826 6.89376 9.42256 6.75249 9.7103 6.69525C9.99804 6.63802 10.2963 6.66739 10.5673 6.77966C10.8384 6.89193 11.07 7.08205 11.233 7.32599C11.396 7.56992 11.483 7.85671 11.483 8.15008C11.483 8.54349 11.3267 8.92078 11.0486 9.19896C10.7704 9.47714 10.3931 9.63342 9.99969 9.63342V9.63342ZM15.833 1.66675H4.16635C3.50331 1.66675 2.86743 1.93014 2.39858 2.39898C1.92974 2.86782 1.66635 3.50371 1.66635 4.16675V15.8334C1.66635 16.4965 1.92974 17.1323 2.39858 17.6012C2.86743 18.07 3.50331 18.3334 4.16635 18.3334H15.833C16.4961 18.3334 17.1319 18.07 17.6008 17.6012C18.0696 17.1323 18.333 16.4965 18.333 15.8334V4.16675C18.333 3.50371 18.0696 2.86782 17.6008 2.39898C17.1319 1.93014 16.4961 1.66675 15.833 1.66675ZM16.6664 15.8334C16.6664 16.0544 16.5786 16.2664 16.4223 16.4227C16.266 16.579 16.054 16.6667 15.833 16.6667H4.16635C3.94534 16.6667 3.73338 16.579 3.5771 16.4227C3.42082 16.2664 3.33302 16.0544 3.33302 15.8334V4.16675C3.33302 3.94573 3.42082 3.73377 3.5771 3.57749C3.73338 3.42121 3.94534 3.33341 4.16635 3.33341H15.833C16.054 3.33341 16.266 3.42121 16.4223 3.57749C16.5786 3.73377 16.6664 3.94573 16.6664 4.16675V15.8334Z" fill="#526172"/></svg>,
'Link3-1': 'Users',
'GridItem4-1': <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.6416 1.71669C17.0443 1.6138 16.4394 1.56084 15.8333 1.55835C13.7653 1.55666 11.7404 2.14966 9.99997 3.26669C8.25509 2.16433 6.23051 1.58588 4.16664 1.60002C3.56051 1.6025 2.95564 1.65546 2.3583 1.75835C2.16264 1.79209 1.98545 1.89457 1.85865 2.04735C1.73184 2.20013 1.66375 2.39316 1.66664 2.59169V12.5917C1.66485 12.7141 1.69007 12.8355 1.74051 12.9471C1.79095 13.0586 1.86536 13.1577 1.95845 13.2373C2.05154 13.3169 2.16102 13.3749 2.2791 13.4074C2.39718 13.4398 2.52096 13.4459 2.64164 13.425C3.83582 13.2183 5.0593 13.2526 6.24002 13.5259C7.42074 13.7993 8.53482 14.3061 9.51664 15.0167L9.61664 15.075H9.7083C9.80072 15.1135 9.89985 15.1334 9.99997 15.1334C10.1001 15.1334 10.1992 15.1135 10.2916 15.075H10.3833L10.4833 15.0167C11.4583 14.2903 12.5691 13.767 13.7501 13.4778C14.931 13.1887 16.158 13.1395 17.3583 13.3334C17.479 13.3542 17.6028 13.3482 17.7208 13.3157C17.8389 13.2833 17.9484 13.2252 18.0415 13.1456C18.1346 13.0661 18.209 12.967 18.2594 12.8554C18.3099 12.7438 18.3351 12.6225 18.3333 12.5V2.50002C18.3246 2.31015 18.2513 2.12895 18.1255 1.98647C17.9997 1.84399 17.829 1.7488 17.6416 1.71669ZM9.16664 12.7917C7.62487 11.9806 5.90873 11.5573 4.16664 11.5584C3.89164 11.5584 3.61664 11.5584 3.3333 11.5584V3.22502C3.61085 3.20902 3.88909 3.20902 4.16664 3.22502C5.94446 3.22306 7.68348 3.74476 9.16664 4.72502V12.7917ZM16.6666 11.5917C16.3833 11.5917 16.1083 11.5917 15.8333 11.5917C14.0912 11.5906 12.3751 12.0139 10.8333 12.825V4.72502C12.3165 3.74476 14.0555 3.22306 15.8333 3.22502C16.1108 3.20902 16.3891 3.20902 16.6666 3.22502V11.5917ZM17.6416 15.05C17.0443 14.9471 16.4394 14.8942 15.8333 14.8917C13.7653 14.89 11.7404 15.483 9.99997 16.6C8.25956 15.483 6.23466 14.89 4.16664 14.8917C3.56051 14.8942 2.95564 14.9471 2.3583 15.05C2.24982 15.0672 2.14582 15.1057 2.05227 15.1633C1.95872 15.2208 1.87747 15.2963 1.81319 15.3854C1.74891 15.4744 1.70287 15.5753 1.67772 15.6822C1.65257 15.7891 1.6488 15.9 1.66664 16.0084C1.70898 16.2248 1.83538 16.4156 2.01813 16.539C2.20088 16.6623 2.42508 16.7083 2.64164 16.6667C3.83582 16.4599 5.0593 16.4942 6.24002 16.7676C7.42074 17.0409 8.53482 17.5478 9.51664 18.2584C9.65777 18.3588 9.82672 18.4128 9.99997 18.4128C10.1732 18.4128 10.3422 18.3588 10.4833 18.2584C11.4651 17.5478 12.5792 17.0409 13.7599 16.7676C14.9406 16.4942 16.1641 16.4599 17.3583 16.6667C17.5749 16.7083 17.7991 16.6623 17.9818 16.539C18.1646 16.4156 18.291 16.2248 18.3333 16.0084C18.3511 15.9 18.3474 15.7891 18.3222 15.6822C18.2971 15.5753 18.251 15.4744 18.1867 15.3854C18.1225 15.2963 18.0412 15.2208 17.9477 15.1633C17.8541 15.1057 17.7501 15.0672 17.6416 15.05Z" fill="#526172"/></svg>,
'Link4-1': 'Documents',
'GridItem5-1': <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.6416 1.71669C17.0443 1.6138 16.4394 1.56084 15.8333 1.55835C13.7653 1.55666 11.7404 2.14966 9.99997 3.26669C8.25509 2.16433 6.23051 1.58588 4.16664 1.60002C3.56051 1.6025 2.95564 1.65546 2.3583 1.75835C2.16264 1.79209 1.98545 1.89457 1.85865 2.04735C1.73184 2.20013 1.66375 2.39316 1.66664 2.59169V12.5917C1.66485 12.7141 1.69007 12.8355 1.74051 12.9471C1.79095 13.0586 1.86536 13.1577 1.95845 13.2373C2.05154 13.3169 2.16102 13.3749 2.2791 13.4074C2.39718 13.4398 2.52096 13.4459 2.64164 13.425C3.83582 13.2183 5.0593 13.2526 6.24002 13.5259C7.42074 13.7993 8.53482 14.3061 9.51664 15.0167L9.61664 15.075H9.7083C9.80072 15.1135 9.89985 15.1334 9.99997 15.1334C10.1001 15.1334 10.1992 15.1135 10.2916 15.075H10.3833L10.4833 15.0167C11.4583 14.2903 12.5691 13.767 13.7501 13.4778C14.931 13.1887 16.158 13.1395 17.3583 13.3334C17.479 13.3542 17.6028 13.3482 17.7208 13.3157C17.8389 13.2833 17.9484 13.2252 18.0415 13.1456C18.1346 13.0661 18.209 12.967 18.2594 12.8554C18.3099 12.7438 18.3351 12.6225 18.3333 12.5V2.50002C18.3246 2.31015 18.2513 2.12895 18.1255 1.98647C17.9997 1.84399 17.829 1.7488 17.6416 1.71669ZM9.16664 12.7917C7.62487 11.9806 5.90873 11.5573 4.16664 11.5584C3.89164 11.5584 3.61664 11.5584 3.3333 11.5584V3.22502C3.61085 3.20902 3.88909 3.20902 4.16664 3.22502C5.94446 3.22306 7.68348 3.74476 9.16664 4.72502V12.7917ZM16.6666 11.5917C16.3833 11.5917 16.1083 11.5917 15.8333 11.5917C14.0912 11.5906 12.3751 12.0139 10.8333 12.825V4.72502C12.3165 3.74476 14.0555 3.22306 15.8333 3.22502C16.1108 3.20902 16.3891 3.20902 16.6666 3.22502V11.5917ZM17.6416 15.05C17.0443 14.9471 16.4394 14.8942 15.8333 14.8917C13.7653 14.89 11.7404 15.483 9.99997 16.6C8.25956 15.483 6.23466 14.89 4.16664 14.8917C3.56051 14.8942 2.95564 14.9471 2.3583 15.05C2.24982 15.0672 2.14582 15.1057 2.05227 15.1633C1.95872 15.2208 1.87747 15.2963 1.81319 15.3854C1.74891 15.4744 1.70287 15.5753 1.67772 15.6822C1.65257 15.7891 1.6488 15.9 1.66664 16.0084C1.70898 16.2248 1.83538 16.4156 2.01813 16.539C2.20088 16.6623 2.42508 16.7083 2.64164 16.6667C3.83582 16.4599 5.0593 16.4942 6.24002 16.7676C7.42074 17.0409 8.53482 17.5478 9.51664 18.2584C9.65777 18.3588 9.82672 18.4128 9.99997 18.4128C10.1732 18.4128 10.3422 18.3588 10.4833 18.2584C11.4651 17.5478 12.5792 17.0409 13.7599 16.7676C14.9406 16.4942 16.1641 16.4599 17.3583 16.6667C17.5749 16.7083 17.7991 16.6623 17.9818 16.539C18.1646 16.4156 18.291 16.2248 18.3333 16.0084C18.3511 15.9 18.3474 15.7891 18.3222 15.6822C18.2971 15.5753 18.251 15.4744 18.1867 15.3854C18.1225 15.2963 18.0412 15.2208 17.9477 15.1633C17.8541 15.1057 17.7501 15.0672 17.6416 15.05Z" fill="#526172"/></svg>,
'Link5-1': 'Applications',
'GridItem6-1': <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.6665 7.45008C16.6578 7.37353 16.6411 7.29811 16.6165 7.22508V7.15008C16.5765 7.0644 16.523 6.98564 16.4582 6.91675L11.4582 1.91675C11.3893 1.85193 11.3105 1.79848 11.2249 1.75841H11.1499C11.0652 1.70987 10.9717 1.6787 10.8749 1.66675H5.83319C5.17015 1.66675 4.53426 1.93014 4.06542 2.39898C3.59658 2.86782 3.33319 3.50371 3.33319 4.16675V15.8334C3.33319 16.4965 3.59658 17.1323 4.06542 17.6012C4.53426 18.07 5.17015 18.3334 5.83319 18.3334H14.1665C14.8296 18.3334 15.4654 18.07 15.9343 17.6012C16.4031 17.1323 16.6665 16.4965 16.6665 15.8334V7.50008C16.6665 7.50008 16.6665 7.50008 16.6665 7.45008ZM11.6665 4.50841L13.8249 6.66675H12.4999C12.2788 6.66675 12.0669 6.57895 11.9106 6.42267C11.7543 6.26639 11.6665 6.05443 11.6665 5.83342V4.50841ZM14.9999 15.8334C14.9999 16.0544 14.9121 16.2664 14.7558 16.4227C14.5995 16.579 14.3875 16.6667 14.1665 16.6667H5.83319C5.61218 16.6667 5.40022 16.579 5.24394 16.4227C5.08765 16.2664 4.99986 16.0544 4.99986 15.8334V4.16675C4.99986 3.94573 5.08765 3.73377 5.24394 3.57749C5.40022 3.42121 5.61218 3.33341 5.83319 3.33341H9.99986V5.83342C9.99986 6.49646 10.2632 7.13234 10.7321 7.60118C11.2009 8.07002 11.8368 8.33342 12.4999 8.33342H14.9999V15.8334Z" fill="#526172"/></svg>,
'Link6-1': 'Pages',
'GridItem8-1': <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.6665 7.45008C16.6578 7.37353 16.6411 7.29811 16.6165 7.22508V7.15008C16.5765 7.0644 16.523 6.98564 16.4582 6.91675L11.4582 1.91675C11.3893 1.85193 11.3105 1.79848 11.2249 1.75841H11.1499C11.0652 1.70987 10.9717 1.6787 10.8749 1.66675H5.83319C5.17015 1.66675 4.53426 1.93014 4.06542 2.39898C3.59658 2.86782 3.33319 3.50371 3.33319 4.16675V15.8334C3.33319 16.4965 3.59658 17.1323 4.06542 17.6012C4.53426 18.07 5.17015 18.3334 5.83319 18.3334H14.1665C14.8296 18.3334 15.4654 18.07 15.9343 17.6012C16.4031 17.1323 16.6665 16.4965 16.6665 15.8334V7.50008C16.6665 7.50008 16.6665 7.50008 16.6665 7.45008ZM11.6665 4.50841L13.8249 6.66675H12.4999C12.2788 6.66675 12.0669 6.57895 11.9106 6.42267C11.7543 6.26639 11.6665 6.05443 11.6665 5.83342V4.50841ZM14.9999 15.8334C14.9999 16.0544 14.9121 16.2664 14.7558 16.4227C14.5995 16.579 14.3875 16.6667 14.1665 16.6667H5.83319C5.61218 16.6667 5.40022 16.579 5.24394 16.4227C5.08765 16.2664 4.99986 16.0544 4.99986 15.8334V4.16675C4.99986 3.94573 5.08765 3.73377 5.24394 3.57749C5.40022 3.42121 5.61218 3.33341 5.83319 3.33341H9.99986V5.83342C9.99986 6.49646 10.2632 7.13234 10.7321 7.60118C11.2009 8.07002 11.8368 8.33342 12.4999 8.33342H14.9999V15.8334Z" fill="#526172"/></svg>,
'Link7-1': <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 0H3C2.20435 0 1.44129 0.316071 0.87868 0.87868C0.316071 1.44129 0 2.20435 0 3V14C0 14.7956 0.316071 15.5587 0.87868 16.1213C1.44129 16.6839 2.20435 17 3 17H5.59L8.29 19.71C8.38344 19.8027 8.49426 19.876 8.61609 19.9258C8.73793 19.9755 8.86839 20.0008 9 20C9.23834 20 9.46886 19.9149 9.65 19.76L12.87 17H15C15.7956 17 16.5587 16.6839 17.1213 16.1213C17.6839 15.5587 18 14.7956 18 14V3C18 2.20435 17.6839 1.44129 17.1213 0.87868C16.5587 0.316071 15.7956 0 15 0ZM16 14C16 14.2652 15.8946 14.5196 15.7071 14.7071C15.5196 14.8946 15.2652 15 15 15H12.5C12.2617 15 12.0311 15.0851 11.85 15.24L9.05 17.64L6.71 15.29C6.61656 15.1973 6.50574 15.124 6.38391 15.0742C6.26207 15.0245 6.13161 14.9992 6 15H3C2.73478 15 2.48043 14.8946 2.29289 14.7071C2.10536 14.5196 2 14.2652 2 14V3C2 2.73478 2.10536 2.48043 2.29289 2.29289C2.48043 2.10536 2.73478 2 3 2H15C15.2652 2 15.5196 2.10536 15.7071 2.29289C15.8946 2.48043 16 2.73478 16 3V14Z" fill="currentColor" data-path="0.0.0.2.0.0.0.0"/></svg>,
'Link8-1': <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 11.18V8C13.9986 6.58312 13.4958 5.21247 12.5806 4.13077C11.6655 3.04908 10.3971 2.32615 9 2.09V1C9 0.734784 8.89464 0.48043 8.70711 0.292893C8.51957 0.105357 8.26522 0 8 0C7.73478 0 7.48043 0.105357 7.29289 0.292893C7.10536 0.48043 7 0.734784 7 1V2.09C5.60294 2.32615 4.33452 3.04908 3.41939 4.13077C2.50425 5.21247 2.00144 6.58312 2 8V11.18C1.41645 11.3863 0.910998 11.7681 0.552938 12.2729C0.194879 12.7778 0.00173951 13.3811 0 14V16C0 16.2652 0.105357 16.5196 0.292893 16.7071C0.48043 16.8946 0.734784 17 1 17H4.14C4.37028 17.8474 4.873 18.5954 5.5706 19.1287C6.26819 19.6621 7.1219 19.951 8 19.951C8.8781 19.951 9.73181 19.6621 10.4294 19.1287C11.127 18.5954 11.6297 17.8474 11.86 17H15C15.2652 17 15.5196 16.8946 15.7071 16.7071C15.8946 16.5196 16 16.2652 16 16V14C15.9983 13.3811 15.8051 12.7778 15.4471 12.2729C15.089 11.7681 14.5835 11.3863 14 11.18ZM4 8C4 6.93913 4.42143 5.92172 5.17157 5.17157C5.92172 4.42143 6.93913 4 8 4C9.06087 4 10.0783 4.42143 10.8284 5.17157C11.5786 5.92172 12 6.93913 12 8V11H4V8ZM8 18C7.65097 17.9979 7.30857 17.9045 7.00683 17.7291C6.70509 17.5536 6.45451 17.3023 6.28 17H9.72C9.54549 17.3023 9.29491 17.5536 8.99317 17.7291C8.69143 17.9045 8.34903 17.9979 8 18ZM14 15H2V14C2 13.7348 2.10536 13.4804 2.29289 13.2929C2.48043 13.1054 2.73478 13 3 13H13C13.2652 13 13.5196 13.1054 13.7071 13.2929C13.8946 13.4804 14 13.7348 14 14V15Z" fill="currentColor" data-path="0.0.0.2.1.0.0.0"/></svg>,
'Typography1-1': 'John Doe',
'Typography1-2': 'Designer',
'Avatar1-1': 'mui-artemis-assets/menus/avatar.png',
'Link9-1': <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.0833 7.66675C13.75 7.33341 13.25 7.33341 12.9166 7.66675L9.99996 10.5834L7.08329 7.66675C6.74996 7.33341 6.24996 7.33341 5.91663 7.66675C5.58329 8.00008 5.58329 8.50008 5.91663 8.83342L9.41663 12.3334C9.58329 12.5001 9.74996 12.5834 9.99996 12.5834C10.25 12.5834 10.4166 12.5001 10.5833 12.3334L14.0833 8.83342C14.4166 8.50008 14.4166 8.00008 14.0833 7.66675Z" fill="currentColor"/></svg>,
'GridItem9-1': <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.40854 12.7416C9.3727 12.7812 9.33931 12.823 9.30854 12.8666C9.277 12.9131 9.25178 12.9635 9.23354 13.0166C9.20951 13.0639 9.19266 13.1144 9.18354 13.1666C9.17945 13.2221 9.17945 13.2778 9.18354 13.3333C9.18072 13.4426 9.20356 13.5511 9.25021 13.65C9.28763 13.7534 9.34735 13.8473 9.42511 13.9251C9.50288 14.0028 9.59679 14.0625 9.70021 14.1C9.79996 14.144 9.90781 14.1668 10.0169 14.1668C10.1259 14.1668 10.2338 14.144 10.3335 14.1C10.437 14.0625 10.5309 14.0028 10.6086 13.9251C10.6864 13.8473 10.7461 13.7534 10.7835 13.65C10.8205 13.5486 10.8375 13.4411 10.8335 13.3333C10.8342 13.2236 10.8132 13.1149 10.7717 13.0134C10.7302 12.9118 10.6691 12.8195 10.5919 12.7416C10.5144 12.6635 10.4222 12.6015 10.3207 12.5592C10.2191 12.5169 10.1102 12.4951 10.0002 12.4951C9.8902 12.4951 9.78128 12.5169 9.67973 12.5592C9.57818 12.6015 9.48601 12.6635 9.40854 12.7416ZM10.0002 1.66663C8.35203 1.66663 6.74086 2.15537 5.37045 3.07105C4.00005 3.98672 2.93194 5.28821 2.30121 6.81093C1.67048 8.33365 1.50545 10.0092 1.827 11.6257C2.14854 13.2422 2.94221 14.7271 4.10765 15.8925C5.27309 17.058 6.75795 17.8516 8.37445 18.1732C9.99096 18.4947 11.6665 18.3297 13.1892 17.699C14.712 17.0682 16.0134 16.0001 16.9291 14.6297C17.8448 13.2593 18.3335 11.6481 18.3335 9.99996C18.3335 8.90561 18.118 7.82198 17.6992 6.81093C17.2804 5.79988 16.6666 4.88122 15.8928 4.1074C15.1189 3.33358 14.2003 2.71975 13.1892 2.30096C12.1782 1.88217 11.0946 1.66663 10.0002 1.66663V1.66663ZM10.0002 16.6666C8.68166 16.6666 7.39273 16.2756 6.2964 15.5431C5.20008 14.8105 4.34559 13.7694 3.84101 12.5512C3.33643 11.333 3.2044 9.99256 3.46164 8.69936C3.71887 7.40615 4.35381 6.21826 5.28616 5.28591C6.21851 4.35356 7.4064 3.71863 8.6996 3.46139C9.99281 3.20416 11.3333 3.33618 12.5514 3.84076C13.7696 4.34535 14.8108 5.19983 15.5433 6.29616C16.2759 7.39249 16.6669 8.68142 16.6669 9.99996C16.6669 11.7681 15.9645 13.4638 14.7143 14.714C13.464 15.9642 11.7683 16.6666 10.0002 16.6666V16.6666ZM10.0002 5.83329C9.56109 5.83301 9.12965 5.94839 8.7493 6.16783C8.36894 6.38726 8.0531 6.70301 7.83354 7.08329C7.77324 7.17814 7.73276 7.28421 7.71452 7.39511C7.69628 7.50601 7.70066 7.61945 7.7274 7.72861C7.75414 7.83778 7.80268 7.94041 7.87011 8.03032C7.93754 8.12024 8.02246 8.19558 8.11977 8.25183C8.21707 8.30808 8.32475 8.34406 8.43632 8.35761C8.54789 8.37116 8.66105 8.362 8.76899 8.33069C8.87693 8.29938 8.97742 8.24655 9.06441 8.17539C9.15141 8.10423 9.22311 8.01621 9.27521 7.91663C9.34863 7.78946 9.45435 7.68394 9.58166 7.61077C9.70898 7.53761 9.85336 7.49938 10.0002 7.49996C10.2212 7.49996 10.4332 7.58776 10.5895 7.74404C10.7457 7.90032 10.8335 8.11228 10.8335 8.33329C10.8335 8.55431 10.7457 8.76627 10.5895 8.92255C10.4332 9.07883 10.2212 9.16663 10.0002 9.16663C9.77919 9.16663 9.56723 9.25442 9.41095 9.4107C9.25467 9.56698 9.16687 9.77895 9.16687 9.99996V10.8333C9.16687 11.0543 9.25467 11.2663 9.41095 11.4225C9.56723 11.5788 9.77919 11.6666 10.0002 11.6666C10.2212 11.6666 10.4332 11.5788 10.5895 11.4225C10.7457 11.2663 10.8335 11.0543 10.8335 10.8333V10.6833C11.3847 10.4833 11.848 10.096 12.1425 9.58902C12.437 9.08205 12.544 8.4877 12.4447 7.90987C12.3454 7.33203 12.0462 6.80747 11.5994 6.42789C11.1525 6.0483 10.5865 5.83784 10.0002 5.83329V5.83329Z" fill="#E1E4E8"/></svg>,
'Link10-1': 'Support Center',
'GridItem10-1': <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.8802 1.66675H4.21354C3.55072 1.66747 2.91526 1.9311 2.44657 2.39978C1.97789 2.86846 1.71426 3.50393 1.71354 4.16675V15.8334C1.71426 16.4962 1.97789 17.1317 2.44657 17.6004C2.91526 18.0691 3.55072 18.3327 4.21354 18.3334H15.8802C16.543 18.3327 17.1785 18.0691 17.6472 17.6004C18.1159 17.1317 18.3795 16.4962 18.3802 15.8334V4.16675C18.3795 3.50393 18.1159 2.86846 17.6472 2.39978C17.1785 1.9311 16.543 1.66747 15.8802 1.66675ZM4.21354 3.33341H15.8802C16.1012 3.33364 16.313 3.4215 16.4692 3.57774C16.6255 3.73397 16.7133 3.9458 16.7135 4.16675V10.8334H14.6595C14.3851 10.8332 14.1149 10.9008 13.8729 11.0303C13.631 11.1598 13.4248 11.3471 13.2728 11.5756L12.1009 13.3334H7.99284L6.82096 11.5756C6.66894 11.3471 6.46277 11.1598 6.22083 11.0303C5.97888 10.9008 5.70867 10.8332 5.43425 10.8334H3.38021V4.16675C3.38043 3.9458 3.46829 3.73397 3.62453 3.57774C3.78076 3.4215 3.99259 3.33364 4.21354 3.33341ZM15.8802 16.6667H4.21354C3.99259 16.6665 3.78076 16.5787 3.62453 16.4224C3.46829 16.2662 3.38043 16.0544 3.38021 15.8334V12.5001H5.43425L6.60612 14.2579C6.75815 14.4864 6.96431 14.6737 7.20626 14.8032C7.44821 14.9327 7.71842 15.0003 7.99284 15.0001H12.1009C12.3753 15.0003 12.6455 14.9327 12.8875 14.8032C13.1294 14.6737 13.3356 14.4864 13.4876 14.2579L14.6595 12.5001H16.7135V15.8334C16.7133 16.0544 16.6255 16.2662 16.4692 16.4224C16.313 16.5787 16.1012 16.6665 15.8802 16.6667Z" fill="#E1E4E8"/></svg>,
'Link11-1': 'Inbox',
'GridItem11-1': <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.9832 8.64169C18.9047 8.545 18.8056 8.46712 18.6932 8.41376C18.5807 8.36041 18.4577 8.33293 18.3332 8.33335H16.6665V7.50002C16.6665 6.83698 16.4031 6.20109 15.9343 5.73225C15.4654 5.26341 14.8295 5.00002 14.1665 5.00002H8.93318L8.66651 4.16669C8.49363 3.67771 8.17296 3.2546 7.74893 2.95599C7.32489 2.65737 6.81847 2.49802 6.29984 2.50002H3.33318C2.67013 2.50002 2.03425 2.76341 1.56541 3.23225C1.09657 3.70109 0.833176 4.33698 0.833176 5.00002V15C0.833176 15.6631 1.09657 16.2989 1.56541 16.7678C2.03425 17.2366 2.67013 17.5 3.33318 17.5H15.3332C15.9009 17.4984 16.4511 17.3036 16.8933 16.9476C17.3356 16.5917 17.6435 16.0959 17.7665 15.5417L19.1665 9.35002C19.1919 9.22578 19.1885 9.0974 19.1567 8.97466C19.125 8.85191 19.0656 8.73803 18.9832 8.64169ZM4.47484 15.1834C4.43251 15.3713 4.32633 15.5388 4.1744 15.6574C4.02246 15.7759 3.83414 15.8381 3.64151 15.8334H3.33318C3.11216 15.8334 2.9002 15.7456 2.74392 15.5893C2.58764 15.433 2.49984 15.221 2.49984 15V5.00002C2.49984 4.779 2.58764 4.56704 2.74392 4.41076C2.9002 4.25448 3.11216 4.16669 3.33318 4.16669H6.29984C6.48156 4.1572 6.6614 4.20746 6.81187 4.30978C6.96235 4.4121 7.07519 4.56087 7.13318 4.73335L7.58318 6.10002C7.63665 6.25897 7.73684 6.39809 7.87065 6.49919C8.00446 6.60029 8.16566 6.65867 8.33318 6.66669H14.1665C14.3875 6.66669 14.5995 6.75448 14.7558 6.91076C14.912 7.06704 14.9998 7.27901 14.9998 7.50002V8.33335H6.66651C6.47387 8.32864 6.28556 8.39084 6.13362 8.50935C5.98168 8.62786 5.87551 8.79537 5.83318 8.98335L4.47484 15.1834ZM16.1415 15.1834C16.0992 15.3713 15.993 15.5388 15.8411 15.6574C15.6891 15.7759 15.5008 15.8381 15.3082 15.8334H6.00818C6.05121 15.7405 6.08203 15.6425 6.09984 15.5417L7.33318 10H17.3332L16.1415 15.1834Z" fill="#E1E4E8"/></svg>,
'Link12-1': 'File Manager',
'GridItem12-1': <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.09179 13.575C3.01254 13.4991 2.91908 13.4397 2.81679 13.4C2.6139 13.3167 2.38634 13.3167 2.18346 13.4C2.08116 13.4397 1.98771 13.4991 1.90846 13.575C1.83259 13.6543 1.77312 13.7477 1.73346 13.85C1.66964 14.0018 1.6522 14.169 1.68335 14.3307C1.71449 14.4923 1.79282 14.6411 1.90846 14.7583C1.98946 14.8319 2.08247 14.8911 2.18346 14.9333C2.28321 14.9774 2.39106 15.0002 2.50012 15.0002C2.60918 15.0002 2.71704 14.9774 2.81679 14.9333C2.91778 14.8911 3.01079 14.8319 3.09179 14.7583C3.20742 14.6411 3.28575 14.4923 3.3169 14.3307C3.34804 14.169 3.33061 14.0018 3.26679 13.85C3.22713 13.7477 3.16766 13.6543 3.09179 13.575V13.575ZM5.83346 6.66667H17.5001C17.7211 6.66667 17.9331 6.57887 18.0894 6.42259C18.2457 6.26631 18.3335 6.05435 18.3335 5.83333C18.3335 5.61232 18.2457 5.40036 18.0894 5.24408C17.9331 5.0878 17.7211 5 17.5001 5H5.83346C5.61244 5 5.40048 5.0878 5.2442 5.24408C5.08792 5.40036 5.00012 5.61232 5.00012 5.83333C5.00012 6.05435 5.08792 6.26631 5.2442 6.42259C5.40048 6.57887 5.61244 6.66667 5.83346 6.66667ZM3.09179 9.40833C2.9746 9.2927 2.82579 9.21437 2.66413 9.18323C2.50248 9.15208 2.33521 9.16952 2.18346 9.23333C2.08247 9.27554 1.98946 9.33472 1.90846 9.40833C1.83259 9.48759 1.77312 9.58104 1.73346 9.68333C1.68937 9.78308 1.6666 9.89094 1.6666 10C1.6666 10.1091 1.68937 10.2169 1.73346 10.3167C1.77566 10.4177 1.83485 10.5107 1.90846 10.5917C1.98946 10.6653 2.08247 10.7245 2.18346 10.7667C2.28321 10.8108 2.39106 10.8335 2.50012 10.8335C2.60918 10.8335 2.71704 10.8108 2.81679 10.7667C2.91778 10.7245 3.01079 10.6653 3.09179 10.5917C3.1654 10.5107 3.22459 10.4177 3.26679 10.3167C3.31088 10.2169 3.33365 10.1091 3.33365 10C3.33365 9.89094 3.31088 9.78308 3.26679 9.68333C3.22713 9.58104 3.16766 9.48759 3.09179 9.40833V9.40833ZM17.5001 9.16667H5.83346C5.61244 9.16667 5.40048 9.25446 5.2442 9.41074C5.08792 9.56703 5.00012 9.77899 5.00012 10C5.00012 10.221 5.08792 10.433 5.2442 10.5893C5.40048 10.7455 5.61244 10.8333 5.83346 10.8333H17.5001C17.7211 10.8333 17.9331 10.7455 18.0894 10.5893C18.2457 10.433 18.3335 10.221 18.3335 10C18.3335 9.77899 18.2457 9.56703 18.0894 9.41074C17.9331 9.25446 17.7211 9.16667 17.5001 9.16667ZM3.09179 5.24167C3.01254 5.1658 2.91908 5.10633 2.81679 5.06667C2.66503 5.00285 2.49777 4.98542 2.33611 5.01656C2.17445 5.04771 2.02564 5.12604 1.90846 5.24167C1.83485 5.32267 1.77566 5.41568 1.73346 5.51667C1.68937 5.61642 1.6666 5.72427 1.6666 5.83333C1.6666 5.94239 1.68937 6.05025 1.73346 6.15C1.77566 6.25099 1.83485 6.344 1.90846 6.425C1.98946 6.49861 2.08247 6.5578 2.18346 6.6C2.33521 6.66382 2.50248 6.68125 2.66413 6.65011C2.82579 6.61896 2.9746 6.54063 3.09179 6.425C3.1654 6.344 3.22459 6.25099 3.26679 6.15C3.31088 6.05025 3.33365 5.94239 3.33365 5.83333C3.33365 5.72427 3.31088 5.61642 3.26679 5.51667C3.22459 5.41568 3.1654 5.32267 3.09179 5.24167V5.24167ZM17.5001 13.3333H5.83346C5.61244 13.3333 5.40048 13.4211 5.2442 13.5774C5.08792 13.7337 5.00012 13.9457 5.00012 14.1667C5.00012 14.3877 5.08792 14.5996 5.2442 14.7559C5.40048 14.9122 5.61244 15 5.83346 15H17.5001C17.7211 15 17.9331 14.9122 18.0894 14.7559C18.2457 14.5996 18.3335 14.3877 18.3335 14.1667C18.3335 13.9457 18.2457 13.7337 18.0894 13.5774C17.9331 13.4211 17.7211 13.3333 17.5001 13.3333Z" fill="#E1E4E8"/></svg>,
'Link13-1': 'Data List',
'Link14-1': <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.7666 7.9583L16.1916 7.4333L16.9333 5.94996C17.0085 5.7947 17.0336 5.61993 17.0053 5.44977C16.9769 5.27961 16.8964 5.12245 16.775 4.99996L15 3.22496C14.8768 3.1017 14.7182 3.02013 14.5463 2.99173C14.3743 2.96333 14.1979 2.98953 14.0416 3.06663L12.5583 3.8083L12.0333 2.2333C11.9778 2.06912 11.8726 1.92632 11.7322 1.82475C11.5918 1.72319 11.4232 1.66792 11.25 1.66663H8.74996C8.57526 1.66618 8.40483 1.72064 8.26277 1.82233C8.12071 1.92402 8.0142 2.06778 7.9583 2.2333L7.4333 3.8083L5.94996 3.06663C5.7947 2.99145 5.61993 2.9663 5.44977 2.99466C5.27961 3.02302 5.12245 3.10349 4.99996 3.22496L3.22496 4.99996C3.1017 5.1231 3.02013 5.28177 2.99173 5.45368C2.96333 5.62558 2.98953 5.80205 3.06663 5.9583L3.8083 7.44163L2.2333 7.96663C2.06912 8.02208 1.92632 8.12732 1.82475 8.26772C1.72319 8.40812 1.66792 8.57668 1.66663 8.74996V11.25C1.66618 11.4247 1.72064 11.5951 1.82233 11.7372C1.92402 11.8792 2.06778 11.9857 2.2333 12.0416L3.8083 12.5666L3.06663 14.05C2.99145 14.2052 2.9663 14.38 2.99466 14.5502C3.02302 14.7203 3.10349 14.8775 3.22496 15L4.99996 16.775C5.1231 16.8982 5.28177 16.9798 5.45368 17.0082C5.62558 17.0366 5.80205 17.0104 5.9583 16.9333L7.44163 16.1916L7.96663 17.7666C8.02253 17.9321 8.12904 18.0759 8.2711 18.1776C8.41317 18.2793 8.58359 18.3337 8.7583 18.3333H11.2583C11.433 18.3337 11.6034 18.2793 11.7455 18.1776C11.8875 18.0759 11.9941 17.9321 12.05 17.7666L12.575 16.1916L14.0583 16.9333C14.2126 17.0066 14.3856 17.0307 14.5541 17.0024C14.7225 16.9741 14.8781 16.8947 15 16.775L16.775 15C16.8982 14.8768 16.9798 14.7182 17.0082 14.5463C17.0366 14.3743 17.0104 14.1979 16.9333 14.0416L16.1916 12.5583L17.7666 12.0333C17.9308 11.9778 18.0736 11.8726 18.1752 11.7322C18.2767 11.5918 18.332 11.4232 18.3333 11.25V8.74996C18.3337 8.57526 18.2793 8.40483 18.1776 8.26277C18.0759 8.12071 17.9321 8.0142 17.7666 7.9583ZM16.6666 10.65L15.6666 10.9833C15.4367 11.0579 15.2257 11.1816 15.0483 11.3459C14.871 11.5102 14.7315 11.711 14.6395 11.9346C14.5475 12.1582 14.5053 12.3991 14.5158 12.6406C14.5262 12.8821 14.5891 13.1185 14.7 13.3333L15.175 14.2833L14.2583 15.2L13.3333 14.7C13.1196 14.5935 12.8855 14.5342 12.6469 14.526C12.4083 14.5179 12.1707 14.5611 11.9502 14.6528C11.7298 14.7445 11.5316 14.8824 11.3691 15.0573C11.2066 15.2322 11.0835 15.44 11.0083 15.6666L10.675 16.6666H9.34996L9.01663 15.6666C8.94204 15.4367 8.81832 15.2257 8.65404 15.0483C8.48977 14.871 8.28888 14.7315 8.06531 14.6395C7.84174 14.5475 7.60084 14.5053 7.35932 14.5158C7.11779 14.5262 6.88143 14.5891 6.66663 14.7L5.71663 15.175L4.79996 14.2583L5.29996 13.3333C5.41087 13.1185 5.47373 12.8821 5.48417 12.6406C5.49461 12.3991 5.45238 12.1582 5.36041 11.9346C5.26845 11.711 5.12894 11.5102 4.95158 11.3459C4.77422 11.1816 4.56325 11.0579 4.3333 10.9833L3.3333 10.65V9.34996L4.3333 9.01663C4.56325 8.94204 4.77422 8.81832 4.95158 8.65404C5.12894 8.48977 5.26845 8.28888 5.36041 8.06531C5.45238 7.84174 5.49461 7.60084 5.48417 7.35932C5.47373 7.11779 5.41087 6.88143 5.29996 6.66663L4.82496 5.74163L5.74163 4.82496L6.66663 5.29996C6.88143 5.41087 7.11779 5.47373 7.35932 5.48417C7.60084 5.49461 7.84174 5.45238 8.06531 5.36041C8.28888 5.26845 8.48977 5.12894 8.65404 4.95158C8.81832 4.77422 8.94204 4.56325 9.01663 4.3333L9.34996 3.3333H10.65L10.9833 4.3333C11.0579 4.56325 11.1816 4.77422 11.3459 4.95158C11.5102 5.12894 11.711 5.26845 11.9346 5.36041C12.1582 5.45238 12.3991 5.49461 12.6406 5.48417C12.8821 5.47373 13.1185 5.41087 13.3333 5.29996L14.2833 4.82496L15.2 5.74163L14.7 6.66663C14.5935 6.88033 14.5342 7.11442 14.526 7.35304C14.5179 7.59165 14.5611 7.82924 14.6528 8.0497C14.7445 8.27016 14.8824 8.46835 15.0573 8.63086C15.2322 8.79337 15.44 8.9164 15.6666 8.99163L16.6666 9.32496V10.65ZM9.99996 6.66663C9.34069 6.66663 8.69623 6.86213 8.14806 7.2284C7.5999 7.59467 7.17266 8.11526 6.92036 8.72435C6.66807 9.33344 6.60206 10.0037 6.73068 10.6503C6.8593 11.2969 7.17676 11.8908 7.64294 12.357C8.10911 12.8232 8.70306 13.1406 9.34966 13.2692C9.99626 13.3979 10.6665 13.3319 11.2756 13.0796C11.8847 12.8273 12.4053 12.4 12.7715 11.8519C13.1378 11.3037 13.3333 10.6592 13.3333 9.99996C13.3333 9.11591 12.9821 8.26806 12.357 7.64294C11.7319 7.01782 10.884 6.66663 9.99996 6.66663ZM9.99996 11.6666C9.67033 11.6666 9.34809 11.5689 9.07401 11.3857C8.79993 11.2026 8.58631 10.9423 8.46016 10.6378C8.33402 10.3332 8.30101 9.99811 8.36532 9.67481C8.42963 9.35151 8.58836 9.05454 8.82145 8.82145C9.05454 8.58836 9.35151 8.42963 9.67481 8.36532C9.99811 8.30101 10.3332 8.33402 10.6378 8.46016C10.9423 8.58631 11.2026 8.79993 11.3857 9.07401C11.5689 9.34809 11.6666 9.67033 11.6666 9.99996C11.6666 10.442 11.491 10.8659 11.1785 11.1785C10.8659 11.491 10.442 11.6666 9.99996 11.6666Z" fill="currentColor"/></svg>,
'Link15-1': <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.33362 10.0001C3.33362 10.2211 3.42142 10.4331 3.5777 10.5893C3.73398 10.7456 3.94594 10.8334 4.16695 10.8334H10.492L8.57528 12.7417C8.49718 12.8192 8.43518 12.9114 8.39287 13.0129C8.35057 13.1145 8.32879 13.2234 8.32879 13.3334C8.32879 13.4434 8.35057 13.5523 8.39287 13.6539C8.43518 13.7554 8.49718 13.8476 8.57528 13.9251C8.65275 14.0032 8.74492 14.0652 8.84647 14.1075C8.94802 14.1498 9.05694 14.1716 9.16695 14.1716C9.27696 14.1716 9.38588 14.1498 9.48743 14.1075C9.58898 14.0652 9.68115 14.0032 9.75862 13.9251L13.0919 10.5917C13.1678 10.5125 13.2273 10.419 13.2669 10.3167C13.3503 10.1139 13.3503 9.8863 13.2669 9.68342C13.2273 9.58112 13.1678 9.48767 13.0919 9.40841L9.75862 6.07508C9.68092 5.99738 9.58868 5.93575 9.48716 5.8937C9.38564 5.85165 9.27683 5.83001 9.16695 5.83001C9.05707 5.83001 8.94826 5.85165 8.84674 5.8937C8.74522 5.93575 8.65298 5.99738 8.57528 6.07508C8.49759 6.15278 8.43595 6.24502 8.3939 6.34654C8.35185 6.44806 8.33021 6.55687 8.33021 6.66675C8.33021 6.77663 8.35185 6.88544 8.3939 6.98696C8.43595 7.08847 8.49759 7.18072 8.57528 7.25842L10.492 9.16675H4.16695C3.94594 9.16675 3.73398 9.25455 3.5777 9.41083C3.42142 9.56711 3.33362 9.77907 3.33362 10.0001ZM14.1669 1.66675H5.83362C5.17058 1.66675 4.53469 1.93014 4.06585 2.39898C3.59701 2.86782 3.33362 3.50371 3.33362 4.16675V6.66675C3.33362 6.88776 3.42142 7.09972 3.5777 7.256C3.73398 7.41228 3.94594 7.50008 4.16695 7.50008C4.38797 7.50008 4.59993 7.41228 4.75621 7.256C4.91249 7.09972 5.00028 6.88776 5.00028 6.66675V4.16675C5.00028 3.94573 5.08808 3.73377 5.24436 3.57749C5.40064 3.42121 5.6126 3.33341 5.83362 3.33341H14.1669C14.388 3.33341 14.5999 3.42121 14.7562 3.57749C14.9125 3.73377 15.0003 3.94573 15.0003 4.16675V15.8334C15.0003 16.0544 14.9125 16.2664 14.7562 16.4227C14.5999 16.579 14.388 16.6667 14.1669 16.6667H5.83362C5.6126 16.6667 5.40064 16.579 5.24436 16.4227C5.08808 16.2664 5.00028 16.0544 5.00028 15.8334V13.3334C5.00028 13.1124 4.91249 12.9004 4.75621 12.7442C4.59993 12.5879 4.38797 12.5001 4.16695 12.5001C3.94594 12.5001 3.73398 12.5879 3.5777 12.7442C3.42142 12.9004 3.33362 13.1124 3.33362 13.3334V15.8334C3.33362 16.4965 3.59701 17.1323 4.06585 17.6012C4.53469 18.07 5.17058 18.3334 5.83362 18.3334H14.1669C14.83 18.3334 15.4659 18.07 15.9347 17.6012C16.4036 17.1323 16.6669 16.4965 16.6669 15.8334V4.16675C16.6669 3.50371 16.4036 2.86782 15.9347 2.39898C15.4659 1.93014 14.83 1.66675 14.1669 1.66675Z" fill="currentColor"/></svg>,
'Image2-1': 'mui-artemis-assets/logos/logo-text-white.svg',
'Button1-1': <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"></path></svg>,
'LinkIcon1-1': <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.4599 8.29C11.367 8.19627 11.2564 8.12188 11.1345 8.07111C11.0127 8.02034 10.882 7.9942 10.7499 7.9942C10.6179 7.9942 10.4872 8.02034 10.3654 8.07111C10.2435 8.12188 10.1329 8.19627 10.0399 8.29L7.03994 11.29C6.94621 11.383 6.87182 11.4936 6.82105 11.6154C6.77028 11.7373 6.74414 11.868 6.74414 12C6.74414 12.132 6.77028 12.2627 6.82105 12.3846C6.87182 12.5064 6.94621 12.617 7.03994 12.71L10.0399 15.71C10.1329 15.8037 10.2435 15.8781 10.3654 15.9289C10.4872 15.9797 10.6179 16.0058 10.7499 16.0058C10.882 16.0058 11.0127 15.9797 11.1345 15.9289C11.2564 15.8781 11.367 15.8037 11.4599 15.71C11.5537 15.617 11.6281 15.5064 11.6788 15.3846C11.7296 15.2627 11.7557 15.132 11.7557 15C11.7557 14.868 11.7296 14.7373 11.6788 14.6154C11.6281 14.4936 11.5537 14.383 11.4599 14.29L9.15994 12L11.4599 9.71C11.5537 9.61704 11.6281 9.50644 11.6788 9.38458C11.7296 9.26272 11.7557 9.13201 11.7557 9C11.7557 8.86799 11.7296 8.73728 11.6788 8.61542C11.6281 8.49356 11.5537 8.38296 11.4599 8.29ZM14.6599 12L16.9999 9.71C17.1882 9.5217 17.294 9.2663 17.294 9C17.294 8.7337 17.1882 8.4783 16.9999 8.29C16.8116 8.1017 16.5562 7.99591 16.2899 7.99591C16.0236 7.99591 15.7682 8.1017 15.5799 8.29L12.5799 11.29C12.4862 11.383 12.4118 11.4936 12.361 11.6154C12.3103 11.7373 12.2841 11.868 12.2841 12C12.2841 12.132 12.3103 12.2627 12.361 12.3846C12.4118 12.5064 12.4862 12.617 12.5799 12.71L15.5799 15.71C15.6729 15.8037 15.7835 15.8781 15.9054 15.9289C16.0272 15.9797 16.1579 16.0058 16.2899 16.0058C16.422 16.0058 16.5527 15.9797 16.6745 15.9289C16.7964 15.8781 16.907 15.8037 16.9999 15.71C17.0937 15.617 17.1681 15.5064 17.2188 15.3846C17.2696 15.2627 17.2957 15.132 17.2957 15C17.2957 14.868 17.2696 14.7373 17.2188 14.6154C17.1681 14.4936 17.0937 14.383 16.9999 14.29L14.6599 12Z" fill="#67798E"/></svg>,
'Typography2-1': 'MAIN',
'ListItemIcon1-1': <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.9066 4.12886C15.9005 4.12235 15.8987 4.1137 15.8923 4.10734C15.8859 4.10098 15.8771 4.09905 15.8706 4.0929C14.3119 2.53919 12.2008 1.66675 9.99996 1.66675C7.79914 1.66675 5.68807 2.53919 4.12935 4.0929C4.12279 4.09905 4.11404 4.10093 4.10763 4.10734C4.10122 4.11375 4.09944 4.12234 4.09334 4.12886C2.93189 5.29587 2.14217 6.7808 1.82385 8.39621C1.50553 10.0116 1.67289 11.6851 2.30478 13.2055C2.93668 14.7259 4.00481 16.0251 5.37435 16.939C6.7439 17.8529 8.35348 18.3406 9.99996 18.3406C11.6464 18.3406 13.256 17.8529 14.6256 16.939C15.9951 16.0251 17.0632 14.7259 17.6951 13.2055C18.327 11.6851 18.4944 10.0116 18.1761 8.39621C17.8578 6.7808 17.068 5.29587 15.9066 4.12886V4.12886ZM9.99992 16.6667C9.00181 16.6664 8.01656 16.4415 7.11714 16.0088C6.21773 15.576 5.42719 14.9465 4.80409 14.1667H8.15015C8.38188 14.4287 8.66662 14.6385 8.98551 14.7821C9.3044 14.9258 9.65017 15.0001 9.99992 15.0001C10.3497 15.0001 10.6954 14.9258 11.0143 14.7821C11.3332 14.6385 11.618 14.4287 11.8497 14.1667H15.1958C14.5727 14.9465 13.7821 15.576 12.8827 16.0088C11.9833 16.4416 10.998 16.6664 9.99992 16.6667V16.6667ZM9.16659 12.5001C9.16659 12.3353 9.21546 12.1741 9.30703 12.0371C9.3986 11.9001 9.52875 11.7933 9.68102 11.7302C9.83329 11.6671 10.0008 11.6506 10.1625 11.6828C10.3241 11.7149 10.4726 11.7943 10.5892 11.9108C10.7057 12.0274 10.7851 12.1759 10.8172 12.3375C10.8494 12.4992 10.8329 12.6667 10.7698 12.819C10.7067 12.9713 10.5999 13.1014 10.4629 13.193C10.3259 13.2845 10.1647 13.3334 9.99992 13.3334C9.77898 13.3332 9.56714 13.2453 9.41091 13.0891C9.25468 12.9329 9.16681 12.721 9.16659 12.5001V12.5001ZM16.1751 12.5018L16.1665 12.5001H12.4999C12.4983 11.9848 12.3373 11.4826 12.0389 11.0624C11.7405 10.6423 11.3193 10.3248 10.8333 10.1536V7.50008C10.8333 7.27907 10.7455 7.06711 10.5892 6.91083C10.4329 6.75455 10.2209 6.66675 9.99992 6.66675C9.77891 6.66675 9.56695 6.75455 9.41067 6.91083C9.25439 7.06711 9.16659 7.27907 9.16659 7.50008V10.1536C8.68054 10.3248 8.25939 10.6423 7.96098 11.0624C7.66256 11.4826 7.50151 11.9848 7.49992 12.5001H3.83334L3.82474 12.5018C3.60799 11.967 3.46221 11.4061 3.39114 10.8334H4.16659C4.3876 10.8334 4.59956 10.7456 4.75584 10.5893C4.91212 10.4331 4.99992 10.2211 4.99992 10.0001C4.99992 9.77907 4.91212 9.56711 4.75584 9.41083C4.59956 9.25455 4.3876 9.16675 4.16659 9.16675H3.39114C3.54005 7.98222 4.00621 6.85993 4.74037 5.91851L5.28597 6.46411C5.36335 6.54149 5.4552 6.60286 5.5563 6.64474C5.65739 6.68661 5.76574 6.70816 5.87517 6.70816C5.98459 6.70816 6.09294 6.68661 6.19404 6.64474C6.29513 6.60286 6.38699 6.54148 6.46436 6.46411C6.54173 6.38674 6.60311 6.29488 6.64498 6.19379C6.68686 6.09269 6.70841 5.98434 6.70841 5.87492C6.70841 5.76549 6.68686 5.65714 6.64498 5.55605C6.60311 5.45495 6.54173 5.3631 6.46436 5.28572L5.91881 4.74017C6.86016 4.00626 7.98227 3.54022 9.16659 3.3913V4.16675C9.16659 4.38776 9.25439 4.59972 9.41067 4.756C9.56695 4.91228 9.77891 5.00008 9.99992 5.00008C10.2209 5.00008 10.4329 4.91228 10.5892 4.756C10.7455 4.59972 10.8333 4.38776 10.8333 4.16675V3.3913C12.0176 3.54022 13.1397 4.00626 14.081 4.74017L13.5355 5.28572C13.3792 5.44199 13.2914 5.65393 13.2914 5.87492C13.2914 6.09591 13.3792 6.30785 13.5355 6.46411C13.6917 6.62037 13.9037 6.70816 14.1247 6.70816C14.3457 6.70816 14.5576 6.62038 14.7139 6.46411L15.2595 5.91851C15.9936 6.85993 16.4598 7.98222 16.6087 9.16675H15.8333C15.6122 9.16675 15.4003 9.25455 15.244 9.41083C15.0877 9.56711 14.9999 9.77907 14.9999 10.0001C14.9999 10.2211 15.0877 10.4331 15.244 10.5893C15.4003 10.7456 15.6122 10.8334 15.8333 10.8334H16.6087C16.5376 11.4061 16.3919 11.967 16.1751 12.5018V12.5018Z" fill="currentColor"/></svg>,
'ListItemText1-1': 'Dashboard',
'ListItemIcon1-2': <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.0833 7.66675C13.75 7.33341 13.25 7.33341 12.9166 7.66675L9.99996 10.5834L7.08329 7.66675C6.74996 7.33341 6.24996 7.33341 5.91663 7.66675C5.58329 8.00008 5.58329 8.50008 5.91663 8.83342L9.41663 12.3334C9.58329 12.5001 9.74996 12.5834 9.99996 12.5834C10.25 12.5834 10.4166 12.5001 10.5833 12.3334L14.0833 8.83342C14.4166 8.50008 14.4166 8.00008 14.0833 7.66675Z" fill="#8594A5"/></svg>,
'ListItemIcon2-1': <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.0002 1.66675C5.41687 1.66675 1.66687 5.41675 1.66687 10.0001C1.66687 14.5834 5.41687 18.3334 10.0002 18.3334C14.5835 18.3334 18.3335 14.5834 18.3335 10.0001C18.3335 5.41675 14.5835 1.66675 10.0002 1.66675ZM3.58354 11.6667C3.41687 11.0834 3.33354 10.5834 3.33354 10.0001C3.33354 9.41675 3.41687 8.91675 3.58354 8.33342H5.16687C5.0002 9.41675 5.0002 10.5834 5.16687 11.6667H3.58354ZM4.2502 13.3334H5.41687C5.58354 14.0834 5.83354 14.8334 6.2502 15.5001C5.41687 14.9167 4.7502 14.1667 4.2502 13.3334ZM5.41687 6.66675H4.2502C4.7502 5.83341 5.41687 5.08341 6.2502 4.50008C5.83354 5.16675 5.58354 5.91675 5.41687 6.66675ZM9.16687 16.4167C8.16687 15.6667 7.41687 14.5834 7.16687 13.3334H9.16687V16.4167ZM9.16687 11.6667H6.7502C6.66687 11.0834 6.66687 10.5834 6.66687 10.0001C6.66687 9.41675 6.66687 8.91675 6.7502 8.33342H9.16687V11.6667ZM9.16687 6.66675H7.16687C7.41687 5.41675 8.16687 4.33341 9.16687 3.58341V6.66675ZM15.7502 6.66675H14.5835C14.4169 5.91675 14.1669 5.16675 13.7502 4.50008C14.5835 5.08341 15.2502 5.83341 15.7502 6.66675ZM10.8335 3.58341C11.8335 4.33341 12.5835 5.41675 12.8335 6.66675H10.8335V3.58341ZM10.8335 16.4167V13.3334H12.8335C12.5835 14.5834 11.8335 15.6667 10.8335 16.4167ZM13.2502 11.6667H10.8335V8.33342H13.2502C13.3335 9.41675 13.3335 10.5834 13.2502 11.6667ZM13.8335 15.5001C14.1669 14.8334 14.4169 14.0834 14.6669 13.3334H15.8335C15.2502 14.1667 14.5835 14.9167 13.8335 15.5001ZM14.9169 11.6667C15.0835 10.5834 15.0835 9.41675 14.9169 8.33342H16.5002C16.8335 9.41675 16.8335 10.5834 16.5002 11.6667H14.9169Z" fill="currentColor"/></svg>,
'ListItemText2-1': 'Discover',
'ChipLabel': '4',
'ListItemIcon3-1': <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.3414 10.2334C12.8689 9.66695 13.166 8.92406 13.1747 8.15008C13.1747 7.31465 12.8428 6.51343 12.2521 5.9227C11.6614 5.33196 10.8601 5.00008 10.0247 5.00008C9.18928 5.00008 8.38807 5.33196 7.79733 5.9227C7.20659 6.51343 6.87472 7.31465 6.87472 8.15008C6.88341 8.92406 7.18057 9.66695 7.70805 10.2334C6.97359 10.5991 6.34157 11.1417 5.86881 11.8123C5.39606 12.4829 5.0974 13.2604 4.99972 14.0751C4.9754 14.2961 5.03989 14.5177 5.17897 14.6912C5.31806 14.8647 5.52037 14.9758 5.74138 15.0001C5.9624 15.0244 6.18401 14.9599 6.35749 14.8208C6.53096 14.6817 6.64207 14.4794 6.66638 14.2584C6.76583 13.451 7.15709 12.7079 7.76645 12.169C8.37582 11.63 9.16123 11.3326 9.97472 11.3326C10.7882 11.3326 11.5736 11.63 12.183 12.169C12.7923 12.7079 13.1836 13.451 13.283 14.2584C13.3062 14.4721 13.4111 14.6686 13.5757 14.8068C13.7403 14.945 13.9519 15.0142 14.1664 15.0001H14.258C14.4765 14.9749 14.6762 14.8645 14.8135 14.6928C14.9509 14.5211 15.0148 14.3021 14.9914 14.0834C14.9009 13.2731 14.6117 12.4976 14.1494 11.826C13.6871 11.1543 13.066 10.6072 12.3414 10.2334V10.2334ZM9.99972 9.63342C9.70634 9.63342 9.41955 9.54642 9.17562 9.38343C8.93169 9.22044 8.74156 8.98877 8.62929 8.71773C8.51702 8.44669 8.48765 8.14844 8.54488 7.8607C8.60212 7.57296 8.74339 7.30865 8.95084 7.10121C9.15829 6.89376 9.42259 6.75249 9.71033 6.69525C9.99807 6.63802 10.2963 6.66739 10.5674 6.77966C10.8384 6.89193 11.0701 7.08205 11.2331 7.32599C11.3961 7.56992 11.483 7.85671 11.483 8.15008C11.483 8.54349 11.3268 8.92078 11.0486 9.19896C10.7704 9.47714 10.3931 9.63342 9.99972 9.63342V9.63342ZM15.833 1.66675H4.16638C3.50334 1.66675 2.86746 1.93014 2.39861 2.39898C1.92977 2.86782 1.66638 3.50371 1.66638 4.16675V15.8334C1.66638 16.4965 1.92977 17.1323 2.39861 17.6012C2.86746 18.07 3.50334 18.3334 4.16638 18.3334H15.833C16.4961 18.3334 17.132 18.07 17.6008 17.6012C18.0697 17.1323 18.333 16.4965 18.333 15.8334V4.16675C18.333 3.50371 18.0697 2.86782 17.6008 2.39898C17.132 1.93014 16.4961 1.66675 15.833 1.66675ZM16.6664 15.8334C16.6664 16.0544 16.5786 16.2664 16.4223 16.4227C16.266 16.579 16.0541 16.6667 15.833 16.6667H4.16638C3.94537 16.6667 3.73341 16.579 3.57713 16.4227C3.42085 16.2664 3.33305 16.0544 3.33305 15.8334V4.16675C3.33305 3.94573 3.42085 3.73377 3.57713 3.57749C3.73341 3.42121 3.94537 3.33341 4.16638 3.33341H15.833C16.0541 3.33341 16.266 3.42121 16.4223 3.57749C16.5786 3.73377 16.6664 3.94573 16.6664 4.16675V15.8334Z" fill="currentColor"/></svg>,
'ListItemText3-1': 'Users',
'ListItemIcon3-2': <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.0833 7.66675C13.75 7.33341 13.25 7.33341 12.9166 7.66675L9.99996 10.5834L7.08329 7.66675C6.74996 7.33341 6.24996 7.33341 5.91663 7.66675C5.58329 8.00008 5.58329 8.50008 5.91663 8.83342L9.41663 12.3334C9.58329 12.5001 9.74996 12.5834 9.99996 12.5834C10.25 12.5834 10.4166 12.5001 10.5833 12.3334L14.0833 8.83342C14.4166 8.50008 14.4166 8.00008 14.0833 7.66675Z" fill="#8594A5"/></svg>,
'ListItemIcon4-1': <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.6416 1.71669C17.0442 1.6138 16.4394 1.56084 15.8332 1.55835C13.7652 1.55666 11.7403 2.14966 9.99991 3.26669C8.25503 2.16433 6.23045 1.58588 4.16657 1.60002C3.56045 1.6025 2.95558 1.65546 2.35824 1.75835C2.16258 1.79209 1.98539 1.89457 1.85859 2.04735C1.73178 2.20013 1.66369 2.39316 1.66657 2.59169V12.5917C1.66479 12.7141 1.69001 12.8355 1.74045 12.9471C1.79089 13.0586 1.8653 13.1577 1.95839 13.2373C2.05147 13.3169 2.16096 13.3749 2.27904 13.4074C2.39712 13.4398 2.5209 13.4459 2.64157 13.425C3.83576 13.2183 5.05924 13.2526 6.23996 13.5259C7.42068 13.7993 8.53476 14.3061 9.51657 15.0167L9.61657 15.075H9.70824C9.80066 15.1135 9.89979 15.1334 9.99991 15.1334C10.1 15.1334 10.1992 15.1135 10.2916 15.075H10.3832L10.4832 15.0167C11.4582 14.2903 12.5691 13.767 13.75 13.4778C14.931 13.1887 16.158 13.1395 17.3582 13.3334C17.4789 13.3542 17.6027 13.3482 17.7208 13.3157C17.8389 13.2833 17.9483 13.2252 18.0414 13.1456C18.1345 13.0661 18.2089 12.967 18.2594 12.8554C18.3098 12.7438 18.335 12.6225 18.3332 12.5V2.50002C18.3246 2.31015 18.2513 2.12895 18.1254 1.98647C17.9996 1.84399 17.8289 1.7488 17.6416 1.71669ZM9.16657 12.7917C7.62481 11.9806 5.90867 11.5573 4.16657 11.5584C3.89157 11.5584 3.61657 11.5584 3.33324 11.5584V3.22502C3.61079 3.20902 3.88903 3.20902 4.16657 3.22502C5.9444 3.22306 7.68342 3.74476 9.16657 4.72502V12.7917ZM16.6666 11.5917C16.3832 11.5917 16.1082 11.5917 15.8332 11.5917C14.0911 11.5906 12.375 12.0139 10.8332 12.825V4.72502C12.3164 3.74476 14.0554 3.22306 15.8332 3.22502C16.1108 3.20902 16.389 3.20902 16.6666 3.22502V11.5917ZM17.6416 15.05C17.0442 14.9471 16.4394 14.8942 15.8332 14.8917C13.7652 14.89 11.7403 15.483 9.99991 16.6C8.2595 15.483 6.2346 14.89 4.16657 14.8917C3.56045 14.8942 2.95558 14.9471 2.35824 15.05C2.24976 15.0672 2.14576 15.1057 2.05221 15.1633C1.95866 15.2208 1.87741 15.2963 1.81313 15.3854C1.74885 15.4744 1.70281 15.5753 1.67766 15.6822C1.65251 15.7891 1.64874 15.9 1.66657 16.0084C1.70892 16.2248 1.83532 16.4156 2.01807 16.539C2.20082 16.6623 2.42502 16.7083 2.64157 16.6667C3.83576 16.4599 5.05924 16.4942 6.23996 16.7676C7.42068 17.0409 8.53476 17.5478 9.51657 18.2584C9.65771 18.3588 9.82665 18.4128 9.99991 18.4128C10.1732 18.4128 10.3421 18.3588 10.4832 18.2584C11.4651 17.5478 12.5791 17.0409 13.7599 16.7676C14.9406 16.4942 16.1641 16.4599 17.3582 16.6667C17.5748 16.7083 17.799 16.6623 17.9817 16.539C18.1645 16.4156 18.2909 16.2248 18.3332 16.0084C18.3511 15.9 18.3473 15.7891 18.3222 15.6822C18.297 15.5753 18.251 15.4744 18.1867 15.3854C18.1224 15.2963 18.0412 15.2208 17.9476 15.1633C17.8541 15.1057 17.7501 15.0672 17.6416 15.05V15.05Z" fill="currentColor"/></svg>,
'ListItemText4-1': 'Documents',
'ListItemIcon4-2': <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.0833 7.66675C13.75 7.33341 13.25 7.33341 12.9166 7.66675L9.99996 10.5834L7.08329 7.66675C6.74996 7.33341 6.24996 7.33341 5.91663 7.66675C5.58329 8.00008 5.58329 8.50008 5.91663 8.83342L9.41663 12.3334C9.58329 12.5001 9.74996 12.5834 9.99996 12.5834C10.25 12.5834 10.4166 12.5001 10.5833 12.3334L14.0833 8.83342C14.4166 8.50008 14.4166 8.00008 14.0833 7.66675Z" fill="#8594A5"/></svg>,
'ListItemIcon5-1': <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.33329 10.8334H2.49996C2.27895 10.8334 2.06698 10.9212 1.9107 11.0775C1.75442 11.2338 1.66663 11.4457 1.66663 11.6667V17.5001C1.66663 17.7211 1.75442 17.9331 1.9107 18.0893C2.06698 18.2456 2.27895 18.3334 2.49996 18.3334H8.33329C8.55431 18.3334 8.76627 18.2456 8.92255 18.0893C9.07883 17.9331 9.16663 17.7211 9.16663 17.5001V11.6667C9.16663 11.4457 9.07883 11.2338 8.92255 11.0775C8.76627 10.9212 8.55431 10.8334 8.33329 10.8334ZM7.49996 16.6667H3.33329V12.5001H7.49996V16.6667ZM17.5 1.66675H11.6666C11.4456 1.66675 11.2337 1.75455 11.0774 1.91083C10.9211 2.06711 10.8333 2.27907 10.8333 2.50008V8.33342C10.8333 8.55443 10.9211 8.76639 11.0774 8.92267C11.2337 9.07895 11.4456 9.16675 11.6666 9.16675H17.5C17.721 9.16675 17.9329 9.07895 18.0892 8.92267C18.2455 8.76639 18.3333 8.55443 18.3333 8.33342V2.50008C18.3333 2.27907 18.2455 2.06711 18.0892 1.91083C17.9329 1.75455 17.721 1.66675 17.5 1.66675V1.66675ZM16.6666 7.50008H12.5V3.33341H16.6666V7.50008ZM17.5 10.8334H11.6666C11.4456 10.8334 11.2337 10.9212 11.0774 11.0775C10.9211 11.2338 10.8333 11.4457 10.8333 11.6667V17.5001C10.8333 17.7211 10.9211 17.9331 11.0774 18.0893C11.2337 18.2456 11.4456 18.3334 11.6666 18.3334H17.5C17.721 18.3334 17.9329 18.2456 18.0892 18.0893C18.2455 17.9331 18.3333 17.7211 18.3333 17.5001V11.6667C18.3333 11.4457 18.2455 11.2338 18.0892 11.0775C17.9329 10.9212 17.721 10.8334 17.5 10.8334ZM16.6666 16.6667H12.5V12.5001H16.6666V16.6667ZM8.33329 1.66675H2.49996C2.27895 1.66675 2.06698 1.75455 1.9107 1.91083C1.75442 2.06711 1.66663 2.27907 1.66663 2.50008V8.33342C1.66663 8.55443 1.75442 8.76639 1.9107 8.92267C2.06698 9.07895 2.27895 9.16675 2.49996 9.16675H8.33329C8.55431 9.16675 8.76627 9.07895 8.92255 8.92267C9.07883 8.76639 9.16663 8.55443 9.16663 8.33342V2.50008C9.16663 2.27907 9.07883 2.06711 8.92255 1.91083C8.76627 1.75455 8.55431 1.66675 8.33329 1.66675V1.66675ZM7.49996 7.50008H3.33329V3.33341H7.49996V7.50008Z" fill="currentColor"/></svg>,
'ListItemText5-1': 'Applications',
'ListItemIcon5-2': <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.0833 7.66675C13.75 7.33341 13.25 7.33341 12.9166 7.66675L9.99996 10.5834L7.08329 7.66675C6.74996 7.33341 6.24996 7.33341 5.91663 7.66675C5.58329 8.00008 5.58329 8.50008 5.91663 8.83342L9.41663 12.3334C9.58329 12.5001 9.74996 12.5834 9.99996 12.5834C10.25 12.5834 10.4166 12.5001 10.5833 12.3334L14.0833 8.83342C14.4166 8.50008 14.4166 8.00008 14.0833 7.66675Z" fill="#8594A5"/></svg>,
'ListItemIcon6-1': <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.6665 7.45008C16.6578 7.37353 16.641 7.29811 16.6165 7.22508V7.15008C16.5764 7.0644 16.5229 6.98564 16.4581 6.91675V6.91675L11.4581 1.91675C11.3892 1.85193 11.3105 1.79848 11.2248 1.75841H11.1498C11.0651 1.70987 10.9716 1.6787 10.8748 1.66675H5.83313C5.17009 1.66675 4.5342 1.93014 4.06536 2.39898C3.59652 2.86782 3.33313 3.50371 3.33313 4.16675V15.8334C3.33313 16.4965 3.59652 17.1323 4.06536 17.6012C4.5342 18.07 5.17009 18.3334 5.83313 18.3334H14.1665C14.8295 18.3334 15.4654 18.07 15.9342 17.6012C16.4031 17.1323 16.6665 16.4965 16.6665 15.8334V7.50008C16.6665 7.50008 16.6665 7.50008 16.6665 7.45008ZM11.6665 4.50841L13.8248 6.66675H12.4998C12.2788 6.66675 12.0668 6.57895 11.9105 6.42267C11.7543 6.26639 11.6665 6.05443 11.6665 5.83341V4.50841ZM14.9998 15.8334C14.9998 16.0544 14.912 16.2664 14.7557 16.4227C14.5994 16.579 14.3875 16.6667 14.1665 16.6667H5.83313C5.61212 16.6667 5.40015 16.579 5.24387 16.4227C5.08759 16.2664 4.9998 16.0544 4.9998 15.8334V4.16675C4.9998 3.94573 5.08759 3.73377 5.24387 3.57749C5.40015 3.42121 5.61212 3.33341 5.83313 3.33341H9.9998V5.83341C9.9998 6.49646 10.2632 7.13234 10.732 7.60118C11.2009 8.07002 11.8368 8.33342 12.4998 8.33342H14.9998V15.8334Z" fill="currentColor"/></svg>,
'ListItemText6-1': 'Pages',
'ListItemIcon6-2': <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.0833 7.66675C13.75 7.33341 13.25 7.33341 12.9166 7.66675L9.99996 10.5834L7.08329 7.66675C6.74996 7.33341 6.24996 7.33341 5.91663 7.66675C5.58329 8.00008 5.58329 8.50008 5.91663 8.83342L9.41663 12.3334C9.58329 12.5001 9.74996 12.5834 9.99996 12.5834C10.25 12.5834 10.4166 12.5001 10.5833 12.3334L14.0833 8.83342C14.4166 8.50008 14.4166 8.00008 14.0833 7.66675Z" fill="#8594A5"/></svg>,
'Typography3-1': 'SECONDARY',
'ListItemIcon7-1': <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.40854 12.7416C9.3727 12.7812 9.33931 12.823 9.30854 12.8666C9.277 12.9131 9.25178 12.9635 9.23354 13.0166C9.20951 13.0639 9.19266 13.1144 9.18354 13.1666C9.17945 13.2221 9.17945 13.2778 9.18354 13.3333C9.18072 13.4426 9.20356 13.5511 9.25021 13.65C9.28763 13.7534 9.34735 13.8473 9.42511 13.9251C9.50288 14.0028 9.59679 14.0625 9.70021 14.1C9.79996 14.144 9.90781 14.1668 10.0169 14.1668C10.1259 14.1668 10.2338 14.144 10.3335 14.1C10.437 14.0625 10.5309 14.0028 10.6086 13.9251C10.6864 13.8473 10.7461 13.7534 10.7835 13.65C10.8205 13.5486 10.8375 13.4411 10.8335 13.3333C10.8342 13.2236 10.8132 13.1149 10.7717 13.0134C10.7302 12.9118 10.6691 12.8195 10.5919 12.7416C10.5144 12.6635 10.4222 12.6015 10.3207 12.5592C10.2191 12.5169 10.1102 12.4951 10.0002 12.4951C9.8902 12.4951 9.78128 12.5169 9.67973 12.5592C9.57818 12.6015 9.48601 12.6635 9.40854 12.7416ZM10.0002 1.66663C8.35203 1.66663 6.74086 2.15537 5.37045 3.07105C4.00005 3.98672 2.93194 5.28821 2.30121 6.81093C1.67048 8.33365 1.50545 10.0092 1.827 11.6257C2.14854 13.2422 2.94221 14.7271 4.10765 15.8925C5.27309 17.058 6.75795 17.8516 8.37445 18.1732C9.99096 18.4947 11.6665 18.3297 13.1892 17.699C14.712 17.0682 16.0134 16.0001 16.9291 14.6297C17.8448 13.2593 18.3335 11.6481 18.3335 9.99996C18.3335 8.90561 18.118 7.82198 17.6992 6.81093C17.2804 5.79988 16.6666 4.88122 15.8928 4.1074C15.1189 3.33358 14.2003 2.71975 13.1892 2.30096C12.1782 1.88217 11.0946 1.66663 10.0002 1.66663V1.66663ZM10.0002 16.6666C8.68166 16.6666 7.39273 16.2756 6.2964 15.5431C5.20008 14.8105 4.34559 13.7694 3.84101 12.5512C3.33643 11.333 3.2044 9.99256 3.46164 8.69936C3.71887 7.40615 4.35381 6.21826 5.28616 5.28591C6.21851 4.35356 7.4064 3.71863 8.6996 3.46139C9.99281 3.20416 11.3333 3.33618 12.5514 3.84076C13.7696 4.34535 14.8108 5.19983 15.5433 6.29616C16.2759 7.39249 16.6669 8.68142 16.6669 9.99996C16.6669 11.7681 15.9645 13.4638 14.7143 14.714C13.464 15.9642 11.7683 16.6666 10.0002 16.6666V16.6666ZM10.0002 5.83329C9.56109 5.83301 9.12965 5.94839 8.7493 6.16783C8.36894 6.38726 8.0531 6.70301 7.83354 7.08329C7.77324 7.17814 7.73276 7.28421 7.71452 7.39511C7.69628 7.50601 7.70066 7.61945 7.7274 7.72861C7.75414 7.83778 7.80268 7.94041 7.87011 8.03032C7.93754 8.12024 8.02246 8.19558 8.11977 8.25183C8.21707 8.30808 8.32475 8.34406 8.43632 8.35761C8.54789 8.37116 8.66105 8.362 8.76899 8.33069C8.87693 8.29938 8.97742 8.24655 9.06441 8.17539C9.15141 8.10423 9.22311 8.01621 9.27521 7.91663C9.34863 7.78946 9.45435 7.68394 9.58166 7.61077C9.70898 7.53761 9.85336 7.49938 10.0002 7.49996C10.2212 7.49996 10.4332 7.58776 10.5895 7.74404C10.7457 7.90032 10.8335 8.11228 10.8335 8.33329C10.8335 8.55431 10.7457 8.76627 10.5895 8.92255C10.4332 9.07883 10.2212 9.16663 10.0002 9.16663C9.77919 9.16663 9.56723 9.25442 9.41095 9.4107C9.25467 9.56698 9.16687 9.77895 9.16687 9.99996V10.8333C9.16687 11.0543 9.25467 11.2663 9.41095 11.4225C9.56723 11.5788 9.77919 11.6666 10.0002 11.6666C10.2212 11.6666 10.4332 11.5788 10.5895 11.4225C10.7457 11.2663 10.8335 11.0543 10.8335 10.8333V10.6833C11.3847 10.4833 11.848 10.096 12.1425 9.58902C12.437 9.08205 12.544 8.4877 12.4447 7.90987C12.3454 7.33203 12.0462 6.80747 11.5994 6.42789C11.1525 6.0483 10.5865 5.83784 10.0002 5.83329V5.83329Z" fill="currentColor"/></svg>,
'ListItemText7-1': 'Support Center',
'ListItemIcon8-1': <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.8802 1.66663H4.2135C3.55068 1.66735 2.91522 1.93097 2.44653 2.39966C1.97785 2.86834 1.71422 3.50381 1.7135 4.16663V15.8333C1.71422 16.4961 1.97785 17.1316 2.44653 17.6003C2.91522 18.0689 3.55068 18.3326 4.2135 18.3333H15.8802C16.543 18.3326 17.1785 18.0689 17.6471 17.6003C18.1158 17.1316 18.3794 16.4961 18.3802 15.8333V4.16663C18.3794 3.50381 18.1158 2.86834 17.6471 2.39966C17.1785 1.93097 16.543 1.66735 15.8802 1.66663V1.66663ZM4.2135 3.33329H15.8802C16.1011 3.33351 16.3129 3.42138 16.4692 3.57761C16.6254 3.73385 16.7133 3.94568 16.7135 4.16663V10.8333H14.6595C14.385 10.8331 14.1148 10.9007 13.8729 11.0302C13.6309 11.1597 13.4248 11.347 13.2728 11.5755L12.1009 13.3333H7.9928L6.82093 11.5755C6.6689 11.347 6.46273 11.1597 6.22079 11.0302C5.97884 10.9007 5.70863 10.8331 5.43421 10.8333H3.38017V4.16663C3.38039 3.94568 3.46826 3.73385 3.62449 3.57761C3.78072 3.42138 3.99255 3.33351 4.2135 3.33329ZM15.8802 16.6666H4.2135C3.99255 16.6664 3.78072 16.5785 3.62449 16.4223C3.46826 16.2661 3.38039 16.0542 3.38017 15.8333V12.5H5.43421L6.60608 14.2578C6.75811 14.4862 6.96428 14.6736 7.20622 14.803C7.44817 14.9325 7.71838 15.0002 7.9928 15H12.1009C12.3753 15.0002 12.6455 14.9325 12.8875 14.803C13.1294 14.6736 13.3356 14.4862 13.4876 14.2578L14.6595 12.5H16.7135V15.8333C16.7133 16.0542 16.6254 16.2661 16.4692 16.4223C16.3129 16.5785 16.1011 16.6664 15.8802 16.6666V16.6666Z" fill="currentColor"/></svg>,
'ListItemText8-1': 'Inbox',
'ListItemIcon9-1': <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.9831 8.64169C18.9047 8.545 18.8056 8.46712 18.6931 8.41376C18.5806 8.36041 18.4576 8.33293 18.3331 8.33335H16.6665V7.50002C16.6665 6.83698 16.4031 6.20109 15.9342 5.73225C15.4654 5.26341 14.8295 5.00002 14.1665 5.00002H8.93313L8.66646 4.16669C8.49359 3.67771 8.17292 3.2546 7.74888 2.95599C7.32484 2.65737 6.81843 2.49802 6.2998 2.50002H3.33313C2.67009 2.50002 2.0342 2.76341 1.56536 3.23225C1.09652 3.70109 0.83313 4.33698 0.83313 5.00002V15C0.83313 15.6631 1.09652 16.2989 1.56536 16.7678C2.0342 17.2366 2.67009 17.5 3.33313 17.5H15.3331C15.9008 17.4984 16.451 17.3036 16.8933 16.9476C17.3355 16.5917 17.6435 16.0959 17.7665 15.5417L19.1665 9.35002C19.1918 9.22578 19.1885 9.0974 19.1567 8.97465C19.1249 8.85191 19.0656 8.73803 18.9831 8.64169ZM4.4748 15.1834C4.43246 15.3713 4.32629 15.5388 4.17435 15.6574C4.02241 15.7759 3.8341 15.8381 3.64146 15.8334H3.33313C3.11212 15.8334 2.90015 15.7456 2.74387 15.5893C2.58759 15.433 2.4998 15.221 2.4998 15V5.00002C2.4998 4.779 2.58759 4.56704 2.74387 4.41076C2.90015 4.25448 3.11212 4.16669 3.33313 4.16669H6.2998C6.48152 4.1572 6.66135 4.20746 6.81183 4.30978C6.9623 4.4121 7.07515 4.56087 7.13313 4.73335L7.58313 6.10002C7.6366 6.25897 7.7368 6.39809 7.8706 6.49919C8.00441 6.60029 8.16561 6.65867 8.33313 6.66669H14.1665C14.3875 6.66669 14.5994 6.75448 14.7557 6.91076C14.912 7.06704 14.9998 7.279 14.9998 7.50002V8.33335H6.66646C6.47383 8.32864 6.28551 8.39084 6.13358 8.50935C5.98164 8.62786 5.87546 8.79537 5.83313 8.98335L4.4748 15.1834ZM16.1415 15.1834C16.0991 15.3713 15.993 15.5388 15.841 15.6574C15.6891 15.7759 15.5008 15.8381 15.3081 15.8334H6.00813C6.05117 15.7405 6.08198 15.6425 6.0998 15.5417L7.33313 10H17.3331L16.1415 15.1834Z" fill="currentColor"/></svg>,
'ListItemText9-1': 'File Manager',
'ListItemIcon10-1': <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.09182 13.575C3.01257 13.4991 2.91911 13.4397 2.81682 13.4C2.61394 13.3167 2.38637 13.3167 2.18349 13.4C2.08119 13.4397 1.98774 13.4991 1.90849 13.575C1.83262 13.6543 1.77315 13.7477 1.73349 13.85C1.66967 14.0018 1.65223 14.169 1.68338 14.3307C1.71452 14.4923 1.79286 14.6411 1.90849 14.7583C1.98949 14.8319 2.0825 14.8911 2.18349 14.9333C2.28324 14.9774 2.39109 15.0002 2.50015 15.0002C2.60921 15.0002 2.71707 14.9774 2.81682 14.9333C2.91781 14.8911 3.01082 14.8319 3.09182 14.7583C3.20745 14.6411 3.28578 14.4923 3.31693 14.3307C3.34807 14.169 3.33064 14.0018 3.26682 13.85C3.22716 13.7477 3.16769 13.6543 3.09182 13.575V13.575ZM5.83349 6.66667H17.5002C17.7212 6.66667 17.9331 6.57887 18.0894 6.42259C18.2457 6.26631 18.3335 6.05435 18.3335 5.83333C18.3335 5.61232 18.2457 5.40036 18.0894 5.24408C17.9331 5.0878 17.7212 5 17.5002 5H5.83349C5.61247 5 5.40051 5.0878 5.24423 5.24408C5.08795 5.40036 5.00015 5.61232 5.00015 5.83333C5.00015 6.05435 5.08795 6.26631 5.24423 6.42259C5.40051 6.57887 5.61247 6.66667 5.83349 6.66667ZM3.09182 9.40833C2.97463 9.2927 2.82582 9.21437 2.66416 9.18323C2.50251 9.15208 2.33525 9.16952 2.18349 9.23333C2.0825 9.27554 1.98949 9.33472 1.90849 9.40833C1.83262 9.48759 1.77315 9.58104 1.73349 9.68333C1.6894 9.78308 1.66663 9.89094 1.66663 10C1.66663 10.1091 1.6894 10.2169 1.73349 10.3167C1.77569 10.4177 1.83488 10.5107 1.90849 10.5917C1.98949 10.6653 2.0825 10.7245 2.18349 10.7667C2.28324 10.8108 2.39109 10.8335 2.50015 10.8335C2.60921 10.8335 2.71707 10.8108 2.81682 10.7667C2.91781 10.7245 3.01082 10.6653 3.09182 10.5917C3.16543 10.5107 3.22462 10.4177 3.26682 10.3167C3.31091 10.2169 3.33368 10.1091 3.33368 10C3.33368 9.89094 3.31091 9.78308 3.26682 9.68333C3.22716 9.58104 3.16769 9.48759 3.09182 9.40833V9.40833ZM17.5002 9.16667H5.83349C5.61247 9.16667 5.40051 9.25446 5.24423 9.41074C5.08795 9.56703 5.00015 9.77899 5.00015 10C5.00015 10.221 5.08795 10.433 5.24423 10.5893C5.40051 10.7455 5.61247 10.8333 5.83349 10.8333H17.5002C17.7212 10.8333 17.9331 10.7455 18.0894 10.5893C18.2457 10.433 18.3335 10.221 18.3335 10C18.3335 9.77899 18.2457 9.56703 18.0894 9.41074C17.9331 9.25446 17.7212 9.16667 17.5002 9.16667ZM3.09182 5.24167C3.01257 5.1658 2.91911 5.10633 2.81682 5.06667C2.66506 5.00285 2.4978 4.98542 2.33614 5.01656C2.17448 5.04771 2.02567 5.12604 1.90849 5.24167C1.83488 5.32267 1.77569 5.41568 1.73349 5.51667C1.6894 5.61642 1.66663 5.72427 1.66663 5.83333C1.66663 5.94239 1.6894 6.05025 1.73349 6.15C1.77569 6.25099 1.83488 6.344 1.90849 6.425C1.98949 6.49861 2.0825 6.5578 2.18349 6.6C2.33525 6.66382 2.50251 6.68125 2.66416 6.65011C2.82582 6.61896 2.97463 6.54063 3.09182 6.425C3.16543 6.344 3.22462 6.25099 3.26682 6.15C3.31091 6.05025 3.33368 5.94239 3.33368 5.83333C3.33368 5.72427 3.31091 5.61642 3.26682 5.51667C3.22462 5.41568 3.16543 5.32267 3.09182 5.24167V5.24167ZM17.5002 13.3333H5.83349C5.61247 13.3333 5.40051 13.4211 5.24423 13.5774C5.08795 13.7337 5.00015 13.9457 5.00015 14.1667C5.00015 14.3877 5.08795 14.5996 5.24423 14.7559C5.40051 14.9122 5.61247 15 5.83349 15H17.5002C17.7212 15 17.9331 14.9122 18.0894 14.7559C18.2457 14.5996 18.3335 14.3877 18.3335 14.1667C18.3335 13.9457 18.2457 13.7337 18.0894 13.5774C17.9331 13.4211 17.7212 13.3333 17.5002 13.3333Z" fill="currentColor"/></svg>,
'ListItemText10-1': 'Data List',
'ListItemIcon11-1': <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.7666 7.9583L16.1916 7.4333L16.9333 5.94996C17.0085 5.7947 17.0336 5.61993 17.0053 5.44977C16.9769 5.27961 16.8964 5.12245 16.775 4.99996L15 3.22496C14.8768 3.1017 14.7182 3.02013 14.5463 2.99173C14.3743 2.96333 14.1979 2.98953 14.0416 3.06663L12.5583 3.8083L12.0333 2.2333C11.9778 2.06912 11.8726 1.92632 11.7322 1.82475C11.5918 1.72319 11.4232 1.66792 11.25 1.66663H8.74996C8.57526 1.66618 8.40483 1.72064 8.26277 1.82233C8.12071 1.92402 8.0142 2.06778 7.9583 2.2333L7.4333 3.8083L5.94996 3.06663C5.7947 2.99145 5.61993 2.9663 5.44977 2.99466C5.27961 3.02302 5.12245 3.10349 4.99996 3.22496L3.22496 4.99996C3.1017 5.1231 3.02013 5.28177 2.99173 5.45368C2.96333 5.62558 2.98953 5.80205 3.06663 5.9583L3.8083 7.44163L2.2333 7.96663C2.06912 8.02208 1.92632 8.12732 1.82475 8.26772C1.72319 8.40812 1.66792 8.57668 1.66663 8.74996V11.25C1.66618 11.4247 1.72064 11.5951 1.82233 11.7372C1.92402 11.8792 2.06778 11.9857 2.2333 12.0416L3.8083 12.5666L3.06663 14.05C2.99145 14.2052 2.9663 14.38 2.99466 14.5502C3.02302 14.7203 3.10349 14.8775 3.22496 15L4.99996 16.775C5.1231 16.8982 5.28177 16.9798 5.45368 17.0082C5.62558 17.0366 5.80205 17.0104 5.9583 16.9333L7.44163 16.1916L7.96663 17.7666C8.02253 17.9321 8.12904 18.0759 8.2711 18.1776C8.41317 18.2793 8.58359 18.3337 8.7583 18.3333H11.2583C11.433 18.3337 11.6034 18.2793 11.7455 18.1776C11.8875 18.0759 11.9941 17.9321 12.05 17.7666L12.575 16.1916L14.0583 16.9333C14.2126 17.0066 14.3856 17.0307 14.5541 17.0024C14.7225 16.9741 14.8781 16.8947 15 16.775L16.775 15C16.8982 14.8768 16.9798 14.7182 17.0082 14.5463C17.0366 14.3743 17.0104 14.1979 16.9333 14.0416L16.1916 12.5583L17.7666 12.0333C17.9308 11.9778 18.0736 11.8726 18.1752 11.7322C18.2767 11.5918 18.332 11.4232 18.3333 11.25V8.74996C18.3337 8.57526 18.2793 8.40483 18.1776 8.26277C18.0759 8.12071 17.9321 8.0142 17.7666 7.9583ZM16.6666 10.65L15.6666 10.9833C15.4367 11.0579 15.2257 11.1816 15.0483 11.3459C14.871 11.5102 14.7315 11.711 14.6395 11.9346C14.5475 12.1582 14.5053 12.3991 14.5158 12.6406C14.5262 12.8821 14.5891 13.1185 14.7 13.3333L15.175 14.2833L14.2583 15.2L13.3333 14.7C13.1196 14.5935 12.8855 14.5342 12.6469 14.526C12.4083 14.5179 12.1707 14.5611 11.9502 14.6528C11.7298 14.7445 11.5316 14.8824 11.3691 15.0573C11.2066 15.2322 11.0835 15.44 11.0083 15.6666L10.675 16.6666H9.34996L9.01663 15.6666C8.94204 15.4367 8.81832 15.2257 8.65404 15.0483C8.48977 14.871 8.28888 14.7315 8.06531 14.6395C7.84174 14.5475 7.60084 14.5053 7.35932 14.5158C7.11779 14.5262 6.88143 14.5891 6.66663 14.7L5.71663 15.175L4.79996 14.2583L5.29996 13.3333C5.41087 13.1185 5.47373 12.8821 5.48417 12.6406C5.49461 12.3991 5.45238 12.1582 5.36041 11.9346C5.26845 11.711 5.12894 11.5102 4.95158 11.3459C4.77422 11.1816 4.56325 11.0579 4.3333 10.9833L3.3333 10.65V9.34996L4.3333 9.01663C4.56325 8.94204 4.77422 8.81832 4.95158 8.65404C5.12894 8.48977 5.26845 8.28888 5.36041 8.06531C5.45238 7.84174 5.49461 7.60084 5.48417 7.35932C5.47373 7.11779 5.41087 6.88143 5.29996 6.66663L4.82496 5.74163L5.74163 4.82496L6.66663 5.29996C6.88143 5.41087 7.11779 5.47373 7.35932 5.48417C7.60084 5.49461 7.84174 5.45238 8.06531 5.36041C8.28888 5.26845 8.48977 5.12894 8.65404 4.95158C8.81832 4.77422 8.94204 4.56325 9.01663 4.3333L9.34996 3.3333H10.65L10.9833 4.3333C11.0579 4.56325 11.1816 4.77422 11.3459 4.95158C11.5102 5.12894 11.711 5.26845 11.9346 5.36041C12.1582 5.45238 12.3991 5.49461 12.6406 5.48417C12.8821 5.47373 13.1185 5.41087 13.3333 5.29996L14.2833 4.82496L15.2 5.74163L14.7 6.66663C14.5935 6.88033 14.5342 7.11442 14.526 7.35304C14.5179 7.59165 14.5611 7.82924 14.6528 8.0497C14.7445 8.27016 14.8824 8.46835 15.0573 8.63086C15.2322 8.79337 15.44 8.9164 15.6666 8.99163L16.6666 9.32496V10.65ZM9.99996 6.66663C9.34069 6.66663 8.69623 6.86213 8.14806 7.2284C7.5999 7.59467 7.17266 8.11526 6.92036 8.72435C6.66807 9.33344 6.60206 10.0037 6.73068 10.6503C6.8593 11.2969 7.17676 11.8908 7.64294 12.357C8.10911 12.8232 8.70306 13.1406 9.34966 13.2692C9.99626 13.3979 10.6665 13.3319 11.2756 13.0796C11.8847 12.8273 12.4053 12.4 12.7715 11.8519C13.1378 11.3037 13.3333 10.6592 13.3333 9.99996C13.3333 9.11591 12.9821 8.26806 12.357 7.64294C11.7319 7.01782 10.884 6.66663 9.99996 6.66663ZM9.99996 11.6666C9.67033 11.6666 9.34809 11.5689 9.07401 11.3857C8.79993 11.2026 8.58631 10.9423 8.46016 10.6378C8.33402 10.3332 8.30101 9.99811 8.36532 9.67481C8.42963 9.35151 8.58836 9.05454 8.82145 8.82145C9.05454 8.58836 9.35151 8.42963 9.67481 8.36532C9.99811 8.30101 10.3332 8.33402 10.6378 8.46016C10.9423 8.58631 11.2026 8.79993 11.3857 9.07401C11.5689 9.34809 11.6666 9.67033 11.6666 9.99996C11.6666 10.442 11.491 10.8659 11.1785 11.1785C10.8659 11.491 10.442 11.6666 9.99996 11.6666Z" fill="currentColor"/></svg>,
'ListItemText11-1': 'Settings',
'ListItemIcon12-1': <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.33362 9.99996C3.33362 10.221 3.42142 10.4329 3.5777 10.5892C3.73398 10.7455 3.94594 10.8333 4.16695 10.8333H10.492L8.57528 12.7416C8.49718 12.8191 8.43518 12.9113 8.39287 13.0128C8.35057 13.1144 8.32879 13.2233 8.32879 13.3333C8.32879 13.4433 8.35057 13.5522 8.39287 13.6538C8.43518 13.7553 8.49718 13.8475 8.57528 13.925C8.65275 14.0031 8.74492 14.0651 8.84647 14.1074C8.94802 14.1497 9.05694 14.1715 9.16695 14.1715C9.27696 14.1715 9.38588 14.1497 9.48743 14.1074C9.58898 14.0651 9.68115 14.0031 9.75862 13.925L13.0919 10.5916C13.1678 10.5124 13.2273 10.4189 13.2669 10.3166C13.3503 10.1137 13.3503 9.88618 13.2669 9.68329C13.2273 9.581 13.1678 9.48755 13.0919 9.40829L9.75862 6.07496C9.68092 5.99726 9.58868 5.93563 9.48716 5.89358C9.38564 5.85153 9.27683 5.82988 9.16695 5.82988C9.05707 5.82988 8.94826 5.85153 8.84674 5.89358C8.74522 5.93563 8.65298 5.99726 8.57528 6.07496C8.49759 6.15266 8.43595 6.2449 8.3939 6.34642C8.35185 6.44794 8.33021 6.55674 8.33021 6.66663C8.33021 6.77651 8.35185 6.88532 8.3939 6.98683C8.43595 7.08835 8.49759 7.18059 8.57528 7.25829L10.492 9.16663H4.16695C3.94594 9.16663 3.73398 9.25442 3.5777 9.4107C3.42142 9.56698 3.33362 9.77895 3.33362 9.99996V9.99996ZM14.1669 1.66663H5.83362C5.17058 1.66663 4.53469 1.93002 4.06585 2.39886C3.59701 2.8677 3.33362 3.50358 3.33362 4.16663V6.66663C3.33362 6.88764 3.42142 7.0996 3.5777 7.25588C3.73398 7.41216 3.94594 7.49996 4.16695 7.49996C4.38797 7.49996 4.59993 7.41216 4.75621 7.25588C4.91249 7.0996 5.00028 6.88764 5.00028 6.66663V4.16663C5.00028 3.94561 5.08808 3.73365 5.24436 3.57737C5.40064 3.42109 5.6126 3.33329 5.83362 3.33329H14.1669C14.388 3.33329 14.5999 3.42109 14.7562 3.57737C14.9125 3.73365 15.0003 3.94561 15.0003 4.16663V15.8333C15.0003 16.0543 14.9125 16.2663 14.7562 16.4225C14.5999 16.5788 14.388 16.6666 14.1669 16.6666H5.83362C5.6126 16.6666 5.40064 16.5788 5.24436 16.4225C5.08808 16.2663 5.00028 16.0543 5.00028 15.8333V13.3333C5.00028 13.1123 4.91249 12.9003 4.75621 12.744C4.59993 12.5878 4.38797 12.5 4.16695 12.5C3.94594 12.5 3.73398 12.5878 3.5777 12.744C3.42142 12.9003 3.33362 13.1123 3.33362 13.3333V15.8333C3.33362 16.4963 3.59701 17.1322 4.06585 17.6011C4.53469 18.0699 5.17058 18.3333 5.83362 18.3333H14.1669C14.83 18.3333 15.4659 18.0699 15.9347 17.6011C16.4036 17.1322 16.6669 16.4963 16.6669 15.8333V4.16663C16.6669 3.50358 16.4036 2.8677 15.9347 2.39886C15.4659 1.93002 14.83 1.66663 14.1669 1.66663Z" fill="currentColor"/></svg>,
'ListItemText12-1': 'Log Out',
'Avatar2-1': 'mui-artemis-assets/menus/avatar.png',
'Typography4-1': 'John Doe',
'Typography4-2': 'Designer',
'Button2-1': <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 8.33325C9.67037 8.33325 9.34813 8.431 9.07405 8.61414C8.79997 8.79727 8.58635 9.05757 8.4602 9.36211C8.33406 9.66666 8.30105 10.0018 8.36536 10.3251C8.42967 10.6484 8.5884 10.9453 8.82149 11.1784C9.05458 11.4115 9.35155 11.5703 9.67485 11.6346C9.99815 11.6989 10.3333 11.6659 10.6378 11.5397C10.9424 11.4136 11.2026 11.2 11.3858 10.9259C11.5689 10.6518 11.6667 10.3296 11.6667 9.99992C11.6667 9.55789 11.4911 9.13397 11.1785 8.82141C10.866 8.50885 10.442 8.33325 10 8.33325ZM4.16667 8.33325C3.83703 8.33325 3.5148 8.431 3.24072 8.61414C2.96664 8.79727 2.75301 9.05757 2.62687 9.36211C2.50072 9.66666 2.46772 10.0018 2.53203 10.3251C2.59633 10.6484 2.75507 10.9453 2.98816 11.1784C3.22124 11.4115 3.51822 11.5703 3.84152 11.6346C4.16482 11.6989 4.49993 11.6659 4.80447 11.5397C5.10902 11.4136 5.36931 11.2 5.55245 10.9259C5.73559 10.6518 5.83333 10.3296 5.83333 9.99992C5.83333 9.55789 5.65774 9.13397 5.34518 8.82141C5.03262 8.50885 4.6087 8.33325 4.16667 8.33325ZM15.8333 8.33325C15.5037 8.33325 15.1815 8.431 14.9074 8.61414C14.6333 8.79727 14.4197 9.05757 14.2935 9.36211C14.1674 9.66666 14.1344 10.0018 14.1987 10.3251C14.263 10.6484 14.4217 10.9453 14.6548 11.1784C14.8879 11.4115 15.1849 11.5703 15.5082 11.6346C15.8315 11.6989 16.1666 11.6659 16.4711 11.5397C16.7757 11.4136 17.036 11.2 17.2191 10.9259C17.4023 10.6518 17.5 10.3296 17.5 9.99992C17.5 9.55789 17.3244 9.13397 17.0118 8.82141C16.6993 8.50885 16.2754 8.33325 15.8333 8.33325Z" fill="#67798E"/></svg>,
...props.content
}
return (
<Box component="section" sx={styles.section}>
<Box sx={styles.mobile}>
<Grid container justifyContent="space-between" alignItems="center" flexWrap="nowrap" spacing={1}>
<Grid item>
<Grid container alignItems="center" columnSpacing={6}>
<Grid item>
<Link href="#">
<Box component="img" src={content['Image1-1']} sx={styles.logo} alt=""/>
</Link>
</Grid>
<Grid item sx={styles.mobileMenu}>
<Grid container columnSpacing={5}>
<Grid item>
<Grid container alignItems="center" spacing={0.75}>
<Grid item display="flex">
{content['GridItem1-1']}
</Grid>
<Grid item>
<Link href="#" variant="subtitle1" sx={styles.link} underline="none">{content['Link1-1']}</Link>
</Grid>
</Grid>
</Grid>
<Grid item>
<Grid container alignItems="center" spacing={0.75}>
<Grid item display="flex">
{content['GridItem2-1']}
</Grid>
<Grid item>
<Link href="#" variant="subtitle1" sx={styles.link} underline="none">{content['Link2-1']}</Link>
</Grid>
</Grid>
</Grid>
<Grid item>
<Grid container alignItems="center" spacing={0.75}>
<Grid item display="flex">
{content['GridItem3-1']}
</Grid>
<Grid item>
<Link href="#" variant="subtitle1" sx={styles.link} underline="none">{content['Link3-1']}</Link>
</Grid>
</Grid>
</Grid>
<Grid item>
<Grid container alignItems="center" spacing={0.75}>
<Grid item display="flex">
{content['GridItem4-1']}
</Grid>
<Grid item>
<Link href="#" variant="subtitle1" sx={styles.link} underline="none">{content['Link4-1']}</Link>
</Grid>
</Grid>
</Grid>
<Grid item>
<Grid container alignItems="center" spacing={0.75}>
<Grid item display="flex">
{content['GridItem5-1']}
</Grid>
<Grid item>
<Link href="#" variant="subtitle1" sx={styles.link} underline="none">{content['Link5-1']}</Link>
</Grid>
</Grid>
</Grid>
<Grid item>
<Grid container alignItems="center" spacing={0.75}>
<Grid item display="flex">
{content['GridItem6-1']}
</Grid>
<Grid item>
<Link href="#" variant="subtitle1" sx={styles.link} underline="none">{content['Link6-1']}</Link>
</Grid>
</Grid>
</Grid>
</Grid>
</Grid>
</Grid>
</Grid>
<Grid item>
<Grid container alignItems="center">
<Grid item sx={styles.mobileMenu}>
<Grid container alignItems="center" spacing={1}>
<Grid item mr={2}>
<Link href="#" sx={styles.menuIcon}>
{content['Link7-1']}
</Link>
</Grid>
<Grid item mr={2}>
<Link href="#" sx={styles.menuIcon}>
{content['Link8-1']}
</Link>
</Grid>
<Grid item mr={0.5} textAlign="right">
<Typography variant="body2" sx={styles.body2}>{content['Typography1-1']}</Typography>
<Typography variant="body2" sx={styles.body3}>{content['Typography1-2']}</Typography>
</Grid>
<Grid item>
<Avatar alt="" src={content['Avatar1-1']} />
</Grid>
<Grid item>
<Link href="#" sx={styles.menuIcon}>
{content['Link9-1']}
</Link>
</Grid>
</Grid>
</Grid>
<Grid item sx={styles.hamburger}>
<Button onClick={handleClick7} color="primary" variant="contained" sx={styles.button}>
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
<path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"></path>
</svg>
</Button>
</Grid>
</Grid>
</Grid>
</Grid>
</Box>
<Box sx={{ ...styles.bottom, ...styles.mobileMenu }}>
<Grid container justifyContent="space-between" spacing={2}>
<Grid item>
<Grid container columnSpacing={5} rowSpacing={1}>
<Grid item>
<Grid container alignItems="center" spacing={0.75}>
<Grid item display="flex">
{content['GridItem9-1']}
</Grid>
<Grid item>
<Link href="#" variant="subtitle1" sx={styles.link2} underline="none">{content['Link10-1']}</Link>
</Grid>
</Grid>
</Grid>
<Grid item>
<Grid container alignItems="center" spacing={0.75}>
<Grid item display="flex">
{content['GridItem10-1']}
</Grid>
<Grid item>
<Link href="#" variant="subtitle1" sx={styles.link2} underline="none">{content['Link11-1']}</Link>
</Grid>
</Grid>
</Grid>
<Grid item>
<Grid container alignItems="center" spacing={0.75}>
<Grid item display="flex">
{content['GridItem11-1']}
</Grid>
<Grid item>
<Link href="#" variant="subtitle1" sx={styles.link2} underline="none">{content['Link12-1']}</Link>
</Grid>
</Grid>
</Grid>
<Grid item>
<Grid container alignItems="center" spacing={0.75}>
<Grid item display="flex">
{content['GridItem12-1']}
</Grid>
<Grid item>
<Link href="#" variant="subtitle1" sx={styles.link2} underline="none">{content['Link13-1']}</Link>
</Grid>
</Grid>
</Grid>
</Grid>
</Grid>
<Grid item>
<Grid container columnSpacing={4.5}>
<Grid item>
<Link href="#" sx={styles.link3}>
{content['Link14-1']}
</Link>
</Grid>
<Grid item>
<Link href="#" sx={styles.link3}>
{content['Link15-1']}
</Link>
</Grid>
</Grid>
</Grid>
</Grid>
</Box>
<Box sx={{...styles.menu, ...mobile }}>
<Box sx={{ ...styles.navShadow }}></Box>
<Box sx={styles.nav}>
<Box sx={styles.top}>
<Grid container p={3} py={3.4} justifyContent="space-between" alignItems="center">
<Grid item>
<Link href="#">
<Box component="img" src={content['Image2-1']} alt=""/>
</Link>
</Grid>
<Grid item>
<Link href="#">
{content['LinkIcon1-1']}
</Link>
</Grid>
</Grid>
<Divider sx={styles.divider} />
</Box>
<Box sx={styles.wrapper}>
<Box sx={styles.menuTop}>
<Box sx={styles.main}>
<Typography mb={1} px={1} variant="subtitle2" sx={styles.subtitle2}>{content['Typography2-1']}</Typography>
<List
component="nav"
aria-labelledby="nested-list-subheader"
sx={styles.list}
>
<ListItemButton onClick={handleClick1} sx={styles.button2}>
<ListItemIcon sx={styles.listItemIcon}>
{content['ListItemIcon1-1']}
</ListItemIcon>
<ListItemText primary={content['ListItemText1-1']} />
{open1 ?
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.1667 11.1751L10.5917 7.64176C10.5142 7.56366 10.4221 7.50166 10.3205 7.45935C10.219 7.41705 10.11 7.39526 10 7.39526C9.89003 7.39526 9.78111 7.41705 9.67956 7.45935C9.57801 7.50166 9.48584 7.56366 9.40837 7.64176L5.87504 11.1751C5.79693 11.2526 5.73494 11.3447 5.69263 11.4463C5.65032 11.5478 5.62854 11.6568 5.62854 11.7668C5.62854 11.8768 5.65032 11.9857 5.69263 12.0872C5.73494 12.1888 5.79693 12.281 5.87504 12.3584C6.03117 12.5136 6.24238 12.6008 6.46254 12.6008C6.68269 12.6008 6.8939 12.5136 7.05004 12.3584L10 9.40843L12.95 12.3584C13.1053 12.5124 13.3148 12.5992 13.5334 12.6001C13.643 12.6007 13.7518 12.5797 13.8533 12.5382C13.9548 12.4968 14.0472 12.4357 14.125 12.3584C14.2059 12.2837 14.2712 12.1938 14.3172 12.0937C14.3631 11.9936 14.3887 11.8855 14.3926 11.7754C14.3965 11.6654 14.3785 11.5557 14.3397 11.4527C14.301 11.3496 14.2421 11.2553 14.1667 11.1751Z" fill="#8594A5"/>
</svg>
:
content['ListItemIcon1-2']
}
</ListItemButton>
<Collapse in={open1} timeout="auto" unmountOnExit sx={styles.collapse}>
<List component="div" disablePadding>
<ListItemButton sx={{ pl: theme.spacing(6) }}>
<ListItemText color="primary" primary="Subcategory 1" />
</ListItemButton>
<ListItemButton sx={{ pl: theme.spacing(6) }}>
<ListItemText primary="Subcategory 2" />
</ListItemButton>
<ListItemButton sx={{ pl: theme.spacing(6) }}>
<ListItemText primary="Subcategory 3" />
</ListItemButton>
</List>
</Collapse>
</List>
<List
component="nav"
aria-labelledby="nested-list-subheader"
sx={styles.list}
>
<ListItemButton sx={styles.button2}>
<Grid container justifyContent="space-between" alignItems="center">
<Grid item>
<Grid container alignItems="center">
<Grid item display="flex">
<ListItemIcon sx={styles.listItemIcon}>
{content['ListItemIcon2-1']}
</ListItemIcon>
</Grid>
<Grid item>
<ListItemText primary={content['ListItemText2-1']} />
</Grid>
</Grid>
</Grid>
<Grid item>
<Chip size="small" color="primary" sx={styles.chip} label={content['ChipLabel']} />
</Grid>
</Grid>
</ListItemButton>
</List>
<List
component="nav"
aria-labelledby="nested-list-subheader"
sx={styles.list}
>
<ListItemButton onClick={handleClick3} sx={styles.button2}>
<ListItemIcon sx={styles.listItemIcon}>
{content['ListItemIcon3-1']}
</ListItemIcon>
<ListItemText primary={content['ListItemText3-1']} />
{open3 ?
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.1667 11.1751L10.5917 7.64176C10.5142 7.56366 10.4221 7.50166 10.3205 7.45935C10.219 7.41705 10.11 7.39526 10 7.39526C9.89003 7.39526 9.78111 7.41705 9.67956 7.45935C9.57801 7.50166 9.48584 7.56366 9.40837 7.64176L5.87504 11.1751C5.79693 11.2526 5.73494 11.3447 5.69263 11.4463C5.65032 11.5478 5.62854 11.6568 5.62854 11.7668C5.62854 11.8768 5.65032 11.9857 5.69263 12.0872C5.73494 12.1888 5.79693 12.281 5.87504 12.3584C6.03117 12.5136 6.24238 12.6008 6.46254 12.6008C6.68269 12.6008 6.8939 12.5136 7.05004 12.3584L10 9.40843L12.95 12.3584C13.1053 12.5124 13.3148 12.5992 13.5334 12.6001C13.643 12.6007 13.7518 12.5797 13.8533 12.5382C13.9548 12.4968 14.0472 12.4357 14.125 12.3584C14.2059 12.2837 14.2712 12.1938 14.3172 12.0937C14.3631 11.9936 14.3887 11.8855 14.3926 11.7754C14.3965 11.6654 14.3785 11.5557 14.3397 11.4527C14.301 11.3496 14.2421 11.2553 14.1667 11.1751Z" fill="#8594A5"/>
</svg>
:
content['ListItemIcon3-2']
}
</ListItemButton>
<Collapse in={open3} timeout="auto" unmountOnExit sx={styles.collapse}>
<List component="div" disablePadding>
<ListItemButton sx={{ pl: theme.spacing(6) }}>
<ListItemText primary="Subcategory 1" />
</ListItemButton>
<ListItemButton sx={{ pl: theme.spacing(6) }}>
<ListItemText primary="Subcategory 2" />
</ListItemButton>
<ListItemButton sx={{ pl: theme.spacing(6) }}>
<ListItemText primary="Subcategory 3" />
</ListItemButton>
</List>
</Collapse>
</List>
<List
component="nav"
aria-labelledby="nested-list-subheader"
sx={styles.list}
>
<ListItemButton onClick={handleClick4} sx={styles.button2}>
<ListItemIcon sx={styles.listItemIcon}>
{content['ListItemIcon4-1']}
</ListItemIcon>
<ListItemText primary={content['ListItemText4-1']} />
{open4 ?
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.1667 11.1751L10.5917 7.64176C10.5142 7.56366 10.4221 7.50166 10.3205 7.45935C10.219 7.41705 10.11 7.39526 10 7.39526C9.89003 7.39526 9.78111 7.41705 9.67956 7.45935C9.57801 7.50166 9.48584 7.56366 9.40837 7.64176L5.87504 11.1751C5.79693 11.2526 5.73494 11.3447 5.69263 11.4463C5.65032 11.5478 5.62854 11.6568 5.62854 11.7668C5.62854 11.8768 5.65032 11.9857 5.69263 12.0872C5.73494 12.1888 5.79693 12.281 5.87504 12.3584C6.03117 12.5136 6.24238 12.6008 6.46254 12.6008C6.68269 12.6008 6.8939 12.5136 7.05004 12.3584L10 9.40843L12.95 12.3584C13.1053 12.5124 13.3148 12.5992 13.5334 12.6001C13.643 12.6007 13.7518 12.5797 13.8533 12.5382C13.9548 12.4968 14.0472 12.4357 14.125 12.3584C14.2059 12.2837 14.2712 12.1938 14.3172 12.0937C14.3631 11.9936 14.3887 11.8855 14.3926 11.7754C14.3965 11.6654 14.3785 11.5557 14.3397 11.4527C14.301 11.3496 14.2421 11.2553 14.1667 11.1751Z" fill="#8594A5"/>
</svg>
:
content['ListItemIcon4-2']
}
</ListItemButton>
<Collapse in={open4} timeout="auto" unmountOnExit sx={styles.collapse}>
<List component="div" disablePadding>
<ListItemButton sx={{ pl: theme.spacing(6) }}>
<ListItemText primary="Subcategory 1" />
</ListItemButton>
<ListItemButton sx={{ pl: theme.spacing(6) }}>
<ListItemText primary="Subcategory 2" />
</ListItemButton>
<ListItemButton sx={{ pl: theme.spacing(6) }}>
<ListItemText primary="Subcategory 3" />
</ListItemButton>
</List>
</Collapse>
</List>
<List
component="nav"
aria-labelledby="nested-list-subheader"
sx={styles.list}
>
<ListItemButton onClick={handleClick5} sx={styles.button2}>
<ListItemIcon sx={styles.listItemIcon}>
{content['ListItemIcon5-1']}
</ListItemIcon>
<ListItemText primary={content['ListItemText5-1']} />
{open5 ?
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.1667 11.1751L10.5917 7.64176C10.5142 7.56366 10.4221 7.50166 10.3205 7.45935C10.219 7.41705 10.11 7.39526 10 7.39526C9.89003 7.39526 9.78111 7.41705 9.67956 7.45935C9.57801 7.50166 9.48584 7.56366 9.40837 7.64176L5.87504 11.1751C5.79693 11.2526 5.73494 11.3447 5.69263 11.4463C5.65032 11.5478 5.62854 11.6568 5.62854 11.7668C5.62854 11.8768 5.65032 11.9857 5.69263 12.0872C5.73494 12.1888 5.79693 12.281 5.87504 12.3584C6.03117 12.5136 6.24238 12.6008 6.46254 12.6008C6.68269 12.6008 6.8939 12.5136 7.05004 12.3584L10 9.40843L12.95 12.3584C13.1053 12.5124 13.3148 12.5992 13.5334 12.6001C13.643 12.6007 13.7518 12.5797 13.8533 12.5382C13.9548 12.4968 14.0472 12.4357 14.125 12.3584C14.2059 12.2837 14.2712 12.1938 14.3172 12.0937C14.3631 11.9936 14.3887 11.8855 14.3926 11.7754C14.3965 11.6654 14.3785 11.5557 14.3397 11.4527C14.301 11.3496 14.2421 11.2553 14.1667 11.1751Z" fill="#8594A5"/>
</svg>
:
content['ListItemIcon5-2']
}
</ListItemButton>
<Collapse in={open5} timeout="auto" unmountOnExit sx={styles.collapse}>
<List component="div" disablePadding>
<ListItemButton sx={{ pl: theme.spacing(6) }}>
<ListItemText primary="Subcategory 1" />
</ListItemButton>
<ListItemButton sx={{ pl: theme.spacing(6) }}>
<ListItemText primary="Subcategory 2" />
</ListItemButton>
<ListItemButton sx={{ pl: theme.spacing(6) }}>
<ListItemText primary="Subcategory 3" />
</ListItemButton>
</List>
</Collapse>
</List>
<List
component="nav"
aria-labelledby="nested-list-subheader"
sx={styles.list}
>
<ListItemButton onClick={handleClick6} sx={styles.button2}>
<ListItemIcon sx={styles.listItemIcon}>
{content['ListItemIcon6-1']}
</ListItemIcon>
<ListItemText primary={content['ListItemText6-1']} />
{open6 ?
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.1667 11.1751L10.5917 7.64176C10.5142 7.56366 10.4221 7.50166 10.3205 7.45935C10.219 7.41705 10.11 7.39526 10 7.39526C9.89003 7.39526 9.78111 7.41705 9.67956 7.45935C9.57801 7.50166 9.48584 7.56366 9.40837 7.64176L5.87504 11.1751C5.79693 11.2526 5.73494 11.3447 5.69263 11.4463C5.65032 11.5478 5.62854 11.6568 5.62854 11.7668C5.62854 11.8768 5.65032 11.9857 5.69263 12.0872C5.73494 12.1888 5.79693 12.281 5.87504 12.3584C6.03117 12.5136 6.24238 12.6008 6.46254 12.6008C6.68269 12.6008 6.8939 12.5136 7.05004 12.3584L10 9.40843L12.95 12.3584C13.1053 12.5124 13.3148 12.5992 13.5334 12.6001C13.643 12.6007 13.7518 12.5797 13.8533 12.5382C13.9548 12.4968 14.0472 12.4357 14.125 12.3584C14.2059 12.2837 14.2712 12.1938 14.3172 12.0937C14.3631 11.9936 14.3887 11.8855 14.3926 11.7754C14.3965 11.6654 14.3785 11.5557 14.3397 11.4527C14.301 11.3496 14.2421 11.2553 14.1667 11.1751Z" fill="#8594A5"/>
</svg>
:
content['ListItemIcon6-2']
}
</ListItemButton>
<Collapse in={open6} timeout="auto" unmountOnExit sx={styles.collapse}>
<List component="div" disablePadding>
<ListItemButton sx={{ pl: theme.spacing(6) }}>
<ListItemText primary="Subcategory 1" />
</ListItemButton>
<ListItemButton sx={{ pl: theme.spacing(6) }}>
<ListItemText primary="Subcategory 2" />
</ListItemButton>
<ListItemButton sx={{ pl: theme.spacing(6) }}>
<ListItemText primary="Subcategory 3" />
</ListItemButton>
</List>
</Collapse>
</List>
</Box>
<Box sx={styles.secondary}>
<Typography mb={1} px={1} variant="subtitle2" sx={styles.subtitle2}>{content['Typography3-1']}</Typography>
<List
component="nav"
aria-labelledby="nested-list-subheader"
sx={styles.list}
>
<ListItemButton sx={styles.button2}>
<Grid container alignItems="center">
<Grid item display="flex">
<ListItemIcon sx={styles.listItemIcon}>
{content['ListItemIcon7-1']}
</ListItemIcon>
</Grid>
<Grid item>
<ListItemText primary={content['ListItemText7-1']} />
</Grid>
</Grid>
</ListItemButton>
</List>
<List
component="nav"
aria-labelledby="nested-list-subheader"
sx={styles.list}
>
<ListItemButton sx={styles.button2}>
<Grid container alignItems="center">
<Grid item display="flex">
<ListItemIcon sx={styles.listItemIcon}>
{content['ListItemIcon8-1']}
</ListItemIcon>
</Grid>
<Grid item>
<ListItemText primary={content['ListItemText8-1']} />
</Grid>
</Grid>
</ListItemButton>
</List>
<List
component="nav"
aria-labelledby="nested-list-subheader"
sx={styles.list}
>
<ListItemButton sx={styles.button2}>
<Grid container alignItems="center">
<Grid item display="flex">
<ListItemIcon sx={styles.listItemIcon}>
{content['ListItemIcon9-1']}
</ListItemIcon>
</Grid>
<Grid item>
<ListItemText primary={content['ListItemText9-1']} />
</Grid>
</Grid>
</ListItemButton>
</List>
<List
component="nav"
aria-labelledby="nested-list-subheader"
sx={styles.list}
>
<ListItemButton sx={styles.button2}>
<Grid container alignItems="center">
<Grid item display="flex">
<ListItemIcon sx={styles.listItemIcon}>
{content['ListItemIcon10-1']}
</ListItemIcon>
</Grid>
<Grid item>
<ListItemText primary={content['ListItemText10-1']} />
</Grid>
</Grid>
</ListItemButton>
</List>
</Box>
</Box>
<Box sx={styles.user}>
<List
component="nav"
aria-labelledby="nested-list-subheader"
sx={styles.list}
>
<ListItemButton sx={styles.button2}>
<Grid container alignItems="center">
<Grid item display="flex">
<ListItemIcon sx={styles.listItemIcon}>
{content['ListItemIcon11-1']}
</ListItemIcon>
</Grid>
<Grid item>
<ListItemText primary={content['ListItemText11-1']} />
</Grid>
</Grid>
</ListItemButton>
</List>
<List
component="nav"
aria-labelledby="nested-list-subheader"
sx={styles.list}
>
<ListItemButton sx={styles.button2}>
<Grid container alignItems="center">
<Grid item display="flex">
<ListItemIcon sx={styles.listItemIcon}>
{content['ListItemIcon12-1']}
</ListItemIcon>
</Grid>
<Grid item>
<ListItemText primary={content['ListItemText12-1']} />
</Grid>
</Grid>
</ListItemButton>
</List>
<Box sx={styles.info}>
<Grid container justifyContent="space-between" alignItems="center" spacing={1}>
<Grid item>
<Grid container spacing={1.5}>
<Grid item>
<Avatar alt="" src={content['Avatar2-1']} />
</Grid>
<Grid item>
<Typography variant="body2" sx={styles.body2}>{content['Typography4-1']}</Typography>
<Typography variant="body2" sx={styles.body3}>{content['Typography4-2']}</Typography>
</Grid>
</Grid>
</Grid>
<Grid item>
<Button variant="text" color="primary" sx={styles.button}>
{content['Button2-1']}
</Button>
</Grid>
</Grid>
</Box>
</Box>
</Box>
</Box>
</Box>
<Box component="section">
</Box>
</Box>
)
}
export default Menu;Framework
Material-UI
UI Library
All Libraries
Components
- Alert 80
- Banners 5
- Blog 6
- Call to action 6
- Contact 5
- Content 14
- Cookies 4
- FAQ 1
- Features 12
- Footers 7
- Gallery 5
- Graph tiles 3
- Graphs 8
- HTTP codes 7
- Hero section 24
- How it works 6
- Navbar 17
- Navigation (horizontal) 13
- Navigation (vertical) 12
- Portfolio 6
- Pricing 8
- Projects 6
- Sign in / Sign up 4
- Stats 19
- Tables 21
- Team 5
- Testimonials 7
- Users 8
Component #1
Component #2
Component #3
Component #4
Component #5
Component #6
Component #7
Component #8
Component #9
Component #10
Tailwind vertical navbar component will allow you to place the menu on the side of the screen. It is a good way to navigate in applications. Tailwind vertical navbar component will allow you to place more and longer links, which is essential to navigate through the various options of the application.
On this subpage you can browse a variety of Material-Ui vertical navbar component themes that are available within our UI libraries. You will also find many other types of components that will be in the same style. Each of these libraries has been prepared by experienced designers along with our in-house team of developers.
Get access to all Material-Ui navbar components, code and our editor. Try the demo for free.
