import { ReactNode } from 'react'
import { PlaceholderVectorProps } from 'atoms/Placeholder/typings'

export interface FigurePlaceholderRenderProps {
  (props?: FigurePlaceholderProps, state?: FigurePlaceholderState): ReactNode
}

export interface FigurePlaceholderProps extends PlaceholderVectorProps {
  className?: string
  children?: ReactNode

  // renders an image
  renderFigureImage?: FigurePlaceholderRenderProps
  // renders the figure caption
  renderCaption?: FigurePlaceholderRenderProps
  // wrapper of the figure
  renderWrapper?: FigurePlaceholderRenderProps
}

export interface FigurePlaceholderState {}