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; target?: '_blank' | '_self' | '_parent' | '_top'; isFancy?: boolean; }; function MenuLink(props: MenuLinkProps) { const { text, link, target = '_self', isFancy = false } = props; const gradientProp = isFancy ? { bgGradient: 'linear(to-r, yellow.100, teal.100)', bgClip: 'text', _hover: { color: 'yellow.100' } } : {}; 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 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 ); }