import { StyledProp } from '@codeleap/styles'
import { ImageStyle, TextStyle, ViewProps as RNViewProps, ViewStyle } from 'react-native'
import Animated, { AnimatedStyle } from 'react-native-reanimated'
import { ViewComposition } from './styles'
import { PropsOf } from '@codeleap/types'

/** `animatedStyle` is kept separate from `style` because Reanimated shared-value styles must not be flattened through the style registry — merging them would lose the animated binding. */
export type ViewProps = Omit<RNViewProps, 'style'> & {
  style?: StyledProp<ViewComposition>
  animated?: boolean
  children?: React.ReactNode
  animatedStyle?: AnimatedStyle<ViewStyle | ImageStyle | TextStyle>
}

export type ViewAnimatedProps = ViewProps & Omit<PropsOf<typeof Animated.View>, 'style'>