import { LoadingOverlayProps } from '../LoadingOverlay'
import FastImage, { FastImageProps } from '@d11/react-native-fast-image'
import { ImageComposition } from './styles'
import { StyledProp } from '@codeleap/styles'
import { TouchableProps } from '../Touchable'

export type ImageProps =
  Omit<FastImageProps, 'style' | 'resizeMode'> &
  {
    fast?: boolean
    style?: StyledProp<ImageComposition>
    resizeMode?: keyof typeof FastImage.resizeMode
    /** When set, the image becomes tappable and opens the ImageView spotlight viewer with this string as the image identifier. Requires `ImageView` to be mounted in the tree. */
    spotlight?: string
    maintainAspectRatio?: boolean
    withLoadingOverlay?: boolean | ((props: LoadingOverlayProps) => React.ReactElement)
    touchProps?: Partial<TouchableProps>
  }