import { Box, Container } from '@chakra-ui/react'; import { GlobalHeader } from '../../components/global-header'; import { OpensourceBanner } from '../../components/opensource-banner'; import { UpdatesBanner } from '../../components/updates-banner'; import { Footer } from '../../components/footer'; import { ContentPageHeader } from '../../components/content-page-header'; import MdRenderer from '../../components/md-renderer'; import { getAllGuides, getGuideById, GuideType } from '../../lib/guide'; import siteConfig from '../../content/site.json'; import Helmet from '../../components/helmet'; type GuideProps = { guide: GuideType; }; export default function Guide(props: GuideProps) { const { guide } = props; const GuideContent = require(`../../content/guides/${guide.id}.md`).default; return (