15 lines
565 B
JavaScript
15 lines
565 B
JavaScript
import { Alert, AlertDescription, AlertTitle } from '@chakra-ui/react'
|
|
import { TbMoodSad } from 'react-icons/tb'
|
|
|
|
export default function Custom500() {
|
|
return (
|
|
<Alert status="info" flexDirection="column" justifyContent="center" rounded="md" paddingY="10">
|
|
<TbMoodSad style={{ width: '2rem', height: '2rem' }} />
|
|
<AlertTitle mt={4} mb={1} fontSize="lg">
|
|
500: Server-side error occurred
|
|
</AlertTitle>
|
|
<AlertDescription maxWidth="sm">Something happened that was totally unexpected …</AlertDescription>
|
|
</Alert>
|
|
)
|
|
}
|