import React from 'react'
import { FigurePlaceholder } from 'atoms/Placeholder/FigurePlaceholder'
import { FigureProps, FigureState } from './typings'
import {
  renderCaption as defaultRenderCaption,
  renderFigureImage as defaultRenderFigureImage,
} from './renderProps'

class Figure extends React.PureComponent<FigureProps, FigureState> {
  static defaultProps = {
    className: '',
    width: '800px',
    height: '300px',

    renderCaption: defaultRenderCaption,
    renderFigureImage: defaultRenderFigureImage,
  }
  render() {
    return <FigurePlaceholder {...this.props} />
  }
}

export { Figure }
export default Figure