import { useEffect, useState } from 'react'
import { AppState } from 'react-native'

export const useAppState = () => {
  const [appState, setAppState] = useState('active')

  useEffect(() => {
    const handleAppStateChange = (nextAppState: string) => {
      setAppState(nextAppState)
    }

    const subscription = AppState.addEventListener('change', handleAppStateChange)

    return () => {
      subscription.remove()
    }
  }, [])

  return appState
}