mosh-game-hub/src/components/GameHeading.tsx
2023-03-03 11:31:33 -08:00

16 lines
376 B
TypeScript

import { Heading } from '@chakra-ui/react'
import { GameQuery } from '../App'
interface Props {
gameQuery: GameQuery
}
const GameHeading = ({ gameQuery }: Props) => {
const heading = `${gameQuery.platform?.name || ''} ${gameQuery.genre?.name || ''} Games`;
return (
<Heading as='h1' marginY={5} fontSize='5xl'>{heading}</Heading>
)
}
export default GameHeading