import { Stack, Typography } from '@tidbcloud/uikit'
import { IconAlertCircle } from '@tidbcloud/uikit/icons'
import { Link } from 'react-router-dom'

export const EmptyPlaceholder = () => (
  <Stack align="center" justify="center" gap={8} mih={512} h="100%">
    <IconAlertCircle size={32} c="carbon.7" />
    <Typography variant="headline-md" ta="center">
      Access Denied
    </Typography>
    <Typography variant="body-lg" ta="center">
      You do not belong to any project.
      <br />
      Please contact your <Link to="/org-settings/users">administrator</Link> to give you access.
    </Typography>
  </Stack>
)