import React from 'react'
import { isArray } from 'exotic'
import { Empty } from 'atoms/Empty'
import { toCommonState } from 'src/state'
import { defaultRenderHeader, defaultRenderIcon } from 'molecules/ToggleList'
import { ShippingMethodOptionListProps } from './typings'
import { ToggleList } from './styled'
import { defaultRenderText } from './renderProps'

class ShippingMethodOption extends React.PureComponent<
  ShippingMethodOptionListProps
> {
  static defaultProps = {
    className: '',
    title: 'Shipping method',
    //
    renderHeader: defaultRenderHeader,
    renderIcon: defaultRenderIcon,
    renderText: defaultRenderText,
    selectedDataQa: 'qa-shipping-methods',
    unselectedDataQa: 'qa-shipping-methods',
  }
  render() {
    const { list } = this.props
    const shippingMethodOptionList = isArray(list) && list.map(toCommonState)
    const view =
      shippingMethodOptionList.length > 0 ? (
        <ToggleList {...this.props} list={shippingMethodOptionList} />
      ) : (
        <Empty />
      )
    return view
  }
}

export { ShippingMethodOption }
export default ShippingMethodOption