import React from 'react'
import { GalleryViewProps } from './typings'
import {
  defaultRenderName,
  defaultRenderBrandName,
  defaultRenderPrice,
  defaultRenderImage,
  defaultRenderFavorite,
  defaultRenderItem,
  defaultRenderBox,
  defaultRenderWrapper,
} from './renderProps'

class GalleryView extends React.PureComponent<GalleryViewProps> {
  static defaultProps = {
    className: '',
    image: 'https://reactdemo.skavaone.com/images/null_image.png',
    identifier: '000',
    name: '',
    brandName: '',
    regPrice: '$00.00',
    salePrice: '$00.00',
    reviewCount: 0,
    productCaption: '',
    isFavoritesActive: false,
    // renderProps
    renderName: defaultRenderName,
    renderBrandName: defaultRenderBrandName,
    renderPrice: defaultRenderPrice,
    renderImage: defaultRenderImage,
    renderFavorite: defaultRenderFavorite,
    renderItem: defaultRenderItem,
    renderWrapper: defaultRenderWrapper,
  }
  render() {
    const { renderWrapper, ...remainingProps } = this.props
    const children = defaultRenderBox(remainingProps)
    const view = renderWrapper({ children, ...remainingProps })
    return view
  }
}

export { GalleryView }
export default GalleryView