import { Typography, Stack } from '@tidbcloud/uikit'

import ResumeClusterSVG from 'media/resume-cluster.svg?react'

export default function ResumeCluster() {
  return (
    <Stack justify="center" align="center" gap="lg" h="100%">
      <ResumeClusterSVG />
      <Typography variant="body-lg">Your cluster is resuming. Please be patient.</Typography>
    </Stack>
  )
}