import React from 'react'
import { ActivityIndicator } from 'react-native'
import { colorsV2 } from '../Colors'

/**
 * A centered ActivityIndicator that fills a space
 */
export const CenteredActivityIndicator: React.FC<{
  size?: 'small' | 'large'
}> = ({ size }) => (
  <ActivityIndicator
    style={{
      flex: 1,
      justifyContent: 'center',
      alignItems: 'center',
    }}
    size={size}
    color={colorsV2.white}
  />
)