import { useState } from 'react'; import { HamburgerIcon } from '@chakra-ui/icons'; import { Box, CloseButton, Container, Flex, IconButton, Image, Link, Stack, Text } from '@chakra-ui/react'; import RoadmapLogo from '../components/icons/roadmap.svg'; import siteConfig from '../content/site.json'; type MenuLinkProps = { text: string; link: string; }; function MenuLink(props: MenuLinkProps) { const { text, link } = props; return {text} ; } function DesktopMenuLinks() { return ( Subscribe ); } function MobileMenuLinks() { const [isOpen, setIsOpen] = useState(false); return ( <> } color='white' cursor='pointer' h='auto' bg='transparent' _hover={{ bg: 'transparent' }} _active={{ bg: 'transparent' }} _focus={{ bg: 'transparent' }} onClick={() => setIsOpen(true)} /> {isOpen && ( Roadmaps Guides Videos Thanks Subscribe setIsOpen(false)} pos='fixed' top='40px' right='15px' size='lg' /> )} ); } type GlobalHeaderProps = { variant?: 'transparent' | 'solid' }; export function GlobalHeader(props: GlobalHeaderProps) { const { variant = 'solid' } = props; return ( roadmap.sh ); }