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

export const Empty = ({ height, isAll }: { height: number | string; isAll: boolean }) => {
  return (
    <Flex
      className="ss"
      h={height}
      sx={{
        alignItems: 'center',
        justifyContent: 'center',
        textAlign: 'center'
      }}
    >
      <Stack gap={4}>
        <Typography variant="title-md" c="carbon.8">
          No {isAll ? '' : 'new'} notifications yet
        </Typography>
        <Typography variant="body-sm" c="carbon.7">
          Enjoy a quiet moment for now.
        </Typography>
      </Stack>
    </Flex>
  )
}