import React from 'react'
import { isArray } from 'exotic'
import { toCommonState } from 'src/state'
import { defaultRenderIcon } from 'molecules/ToggleList'
import { ShippingAddressOptionListProps } from './typings'
import { ShippingAddressOptionPlaceholder } from './styled'
import { defaultRenderText } from './renderProps'

class ShippingAddressOption extends React.PureComponent<
  ShippingAddressOptionListProps
> {
  static defaultProps = {
    className: '',
    // renderProps
    renderIcon: defaultRenderIcon,
    renderText: defaultRenderText,
  }
  render() {
    const { list, ...remainingProps } = this.props
    const shippingAddressOptionList = isArray(list) && list.map(toCommonState)
    return (
      <ShippingAddressOptionPlaceholder
        list={shippingAddressOptionList}
        {...remainingProps}
      />
    )
  }
}

export { ShippingAddressOption }
export default ShippingAddressOption