import {Box, Text} from '../../../../common-adapters'
import {globalColors, globalMargins, globalStyles} from '../../../../styles'

const Empty = () => (
  <Box style={{...globalStyles.flexBoxRow, ...globalStyles.flexBoxCenter}}>
    <Text
      type="BodySmall"
      key="noRequestsOrInvites"
      style={{
        color: globalColors.black_50,
        paddingTop: globalMargins.large,
      }}
    >
      This team has no pending invites.
    </Text>
  </Box>
)

export default Empty
