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

export const LoadingOverlay = ({ height }: { height: number }) => {
  return (
    <Stack align="center" justify="center" h={height}>
      <Loader color="carbon.6" />
      <Typography variant="body-sm" c="carbon.7">
        Loading chart
      </Typography>
    </Stack>
  )
}