import type { ReactNode } from 'react'

export type NativePortalState = {
  enabled: boolean
  type: 'teleport' | 'legacy' | null
}

export interface GestureState {
  enabled: boolean
  Gesture: any
  GestureDetector: any
  ScrollView: any
  // rngh's GestureHandlerRootView. native portals can render outside the app's
  // root gesture view, so components that portal rngh gestures need to
  // re-establish one around their content.
  RootView: any
}

export interface WorkletsState {
  enabled: boolean
  Worklets: any
  useRunOnJS: any
  useWorklet: any
  createWorkletContextValue: any
}

export interface SafeAreaInsets {
  top: number
  right: number
  bottom: number
  left: number
}

export interface SafeAreaFrame {
  x: number
  y: number
  width: number
  height: number
}

export interface SafeAreaMetrics {
  insets: SafeAreaInsets
  frame: SafeAreaFrame
}

export interface SafeAreaState {
  enabled: boolean
  useSafeAreaInsets: (() => SafeAreaInsets) | null
  useSafeAreaFrame: (() => SafeAreaFrame) | null
  initialMetrics: SafeAreaMetrics | null
}

export type NativePortalProps = {
  hostName?: string
  children: ReactNode
}

export type NativePortalHostProps = {
  name: string
}

export type NativePortalProviderProps = {
  children: ReactNode
}

export interface LinearGradientState {
  enabled: boolean
  Component: any
}

export interface ZeegoState {
  enabled: boolean
  DropdownMenu: any
  ContextMenu: any
}

export interface BurntState {
  enabled: boolean
  toast: ((options: any) => void) | null
  dismissAllAlerts: (() => void) | null
}

export interface KeyboardControllerState {
  enabled: boolean
  KeyboardProvider: any
  KeyboardAwareScrollView: any
  useKeyboardHandler: any
  useReanimatedKeyboardAnimation: any
  KeyboardController: any
  KeyboardEvents: any
  KeyboardStickyView: any
}