import { Badge, Box, Heading, Link, Text } from '@chakra-ui/react'; import { GuideType } from '../../lib/guide'; type GuideGridItemProps = { title: string; href: string; subtitle: string; date: string; isNew?: boolean; colorIndex?: number; type?: GuideType['type']; }; const bgColorList = [ 'gray.700', 'purple.800' ]; export function GuideGridItem(props: GuideGridItemProps) { const { title, subtitle, date, isNew = false, colorIndex = 0, href, type } = props; return ( {isNew && New} {type} Guide {title} {subtitle} ); }