import { ReactNode } from 'react'
// import { stringOrArrayOrObj, string, boolean, node } from 'uxui-modules/view-container/types'

export interface ImageProps {
  Wrap?: ReactNode
  // nowrap
  hasNoWrap?: boolean
  nowrap?: boolean

  // === classes
  className?: string
  classes?: string
  /**
   * @deprecated
   */
  // classList?: stringOrArrayOrObj
  // alias
  containerClasses?: string
  containerClassName?: string
  figureClassName?: string
  // caption
  captionClass?: string
  captionClassName?: string

  imageSrc?: string
  imageSource?: string
  alternateImage?: string
  src?: string
  url?: string

  alt?: string
  caption?: string
  text?: string
  captionText?: string
  labelText?: string
  // from media
  isImage?: boolean
}

export interface ImageState {
  isLoaded: boolean
}