import React from 'react'
import { ProductImageWithCaptionProps } from './typings'
import { StyledFigure } from './styled'

class ProductImageWithCaption extends React.PureComponent<
  ProductImageWithCaptionProps
  > {
  static defaultProps = {
    captionColor: 'grey',
  }
  render() {
    const { captionColor } = this.props
    return <StyledFigure {...this.props} captionColor={captionColor} />
  }
}

export { ProductImageWithCaption }
export default ProductImageWithCaption