import React from 'react'
import { MediaCarousel } from 'organisms/MediaCarousel'
import { ProductCarouselProps } from './typings'
import { defaultRenderProductTile } from './renderProps'

class ProductCarousel extends React.PureComponent<ProductCarouselProps> {
  static defaultProps = {
    className: '',
  }
  render() {
    const passThroughProps = {
      renderComponent: defaultRenderProductTile,
      ...this.props,
    }
    return <MediaCarousel {...passThroughProps} />
  }
}

export { ProductCarousel }
export default ProductCarousel