import { Box } from '@chakra-ui/react' ; import { t } from 'utils/i18n' ; export function VercelCallout ( ) { return ( < Box mt = '6' fontSize = 'sm' fontWeight = 'semibold' display = 'inline-block' bg = 'black' color = 'white' px = '4' py = '2' rounded = 'lg' > { t ( 'component.vercel-callout.deployed-by' ) } { ' ' } < span role = 'img' aria - label = 'Vercel logo' > ▲ < /span>{' '} Vercel < /Box>); }