import { Box, Container, SimpleGrid } from '@chakra-ui/react'; import { GlobalHeader } from '../../components/global-header'; import { LinksList } from '../../components/links-list'; import { LinksListItem } from '../../components/links-list-item'; import { OpensourceBanner } from '../../components/opensource-banner'; import { UpdatesBanner } from '../../components/updates-banner'; import { Footer } from '../../components/footer'; import { GuideGridItem } from './components/guide-grid-item'; import { PageHeader } from '../../components/page-header'; import { getAllGuides, GuideType } from '../../lib/guide'; type GuidesProps = { guides: GuideType[] } export default function Guides(props: GuidesProps) { const { guides = [] } = props; const recentGuides = guides.slice(0, 2); const oldGuides = guides.slice(2); return ( {recentGuides.map((recentGuide, counter) => ( ))} {oldGuides.map(oldGuide => ( ))}