import React from 'react'
import { EMPTY_ARRAY } from 'exotic'
import {
  defaultRenderIncrementer,
  defaultRenderDropdown,
  defaultRenderTitle,
  defaultRenderContainer,
  defaultRenderWrapper,
} from './renderProps'
import { QuantityProps } from './typings'

class Quantity extends React.PureComponent<QuantityProps> {
  static defaultProps = {
    className: '',
    list: EMPTY_ARRAY,
    shouldBeAbsoluteDropDown: false,
    isHeader: true,
    type: 'incrementer',

    renderIncrementer: defaultRenderIncrementer,
    renderDropdown: defaultRenderDropdown,
    renderTitle: defaultRenderTitle,
    renderContainer: defaultRenderContainer,
    renderWrapper: defaultRenderWrapper,
  }
  render() {
    const { renderWrapper, renderContainer, ...remainingProps } = this.props
    const children = renderContainer(remainingProps)
    const view = renderWrapper({ children, ...remainingProps })
    return view
  }
}

export { Quantity }
export default Quantity