You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
29 lines
671 B
29 lines
671 B
3 years ago
|
import Stack from "@mui/material/Stack"
|
||
|
|
import Toolbar from "@mui/material/Toolbar"
|
||
|
|
import MuiNextLink from "@components/MuiNextLink"
|
||
|
|
|
||
|
|
const Navbar = ({ navLinks }) => {
|
||
|
|
return (
|
||
|
|
<Toolbar
|
||
|
|
component="nav"
|
||
|
|
sx={{
|
||
|
|
display: { xs: `none`, md: `flex` }
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
<Stack direction="row" spacing={4}>
|
||
|
|
{navLinks.map(({ title, path }, i: string) => (
|
||
|
|
<MuiNextLink
|
||
|
|
key={`${title}${i}`}
|
||
|
|
href={path}
|
||
|
|
variant="button"
|
||
|
|
sx={{ color: `white`, opacity: 0.7 }}
|
||
|
|
>
|
||
|
|
{title}
|
||
|
|
</MuiNextLink>
|
||
|
|
))}
|
||
|
|
</Stack>
|
||
|
|
</Toolbar>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
export default Navbar
|