import { FC } from 'react'
import {
  AppController,
  EditorRendererControllerType,
  EditorStateType,
  Element,
} from '../editorRendererController'
import { NavigateFunction } from 'react-router-dom'
import { ExtendedTheme } from '../theme/muiTheme'

export type CommonComponentPropertys = {
  appController: AppController
  id: string
  isProduction: boolean
  editorStateUi: EditorStateType['ui']
  assets: EditorStateType['assets']
  icons: Record<string, string>
}

export type NavContainerComponentPropertys = CommonComponentPropertys & {
  editorState: EditorStateType
  currentViewportElements: EditorRendererControllerType['currentViewportElements']
  ELEMENT_MODELS: EditorRendererControllerType['ELEMENT_MODELS']
  OverlayComponent?: FC<{ element: Element }>
  isPointerProduction: boolean
  icons: Record<string, string>
  navigate: NavigateFunction
  rootCompositeElementId?: string
  onSelectElement: (element: Element, isHovering: boolean) => void
  disableOverlay?: boolean
  baseComponentId?: string
  uiActions?: unknown
  items: { value: string; childId: string }[]
  navigationElementId: string
  parentId: string
  theme: ExtendedTheme
  allElements: Element[]
}