import { StyledProp } from '@codeleap/styles'
import { ReactNode } from 'react'
import { TextProps as RNTextProps, Animated, ViewStyle, ImageStyle, TextStyle, Text as NativeText } from 'react-native'
import { AnimatedStyle } from 'react-native-reanimated'
import { TextComposition } from './styles'

export type TextProps =
  Omit<RNTextProps, 'style' | 'ref'> &
  {
    text?: ReactNode
    animated?: boolean
    colorChangeConfig?: Partial<Animated.TimingAnimationConfig>
    debugName?: string
    /** Milliseconds to lock out repeat presses. Defaults to 1000. Set to `undefined` to disable. */
    debounce?: number
    /** Keeps `onPress` wired while visually and semantically disabling the press — useful when a parent needs to intercept taps. */
    pressDisabled?: boolean
    style?: StyledProp<TextComposition>
    animatedStyle?: AnimatedStyle<ViewStyle | ImageStyle | TextStyle>
    ref?: React.ForwardedRef<NativeText>
  }