import React from 'react'
import { SocialIconListProps } from './typings'
import { SocialIconData } from './fixture'
import {
  defaultRenderIcon,
  defaultRenderIconList,
  defaultRenderWrapper,
  defaultRenderIconWrapper,
} from './renderProps'

class SocialIconList extends React.PureComponent<SocialIconListProps> {
  static defaultProps = {
    className: '',
    iconsList: SocialIconData,
    renderIconWrapper: defaultRenderIconWrapper,
    renderIcon: defaultRenderIcon,
    renderIconList: defaultRenderIconList,
    renderWrapper: defaultRenderWrapper,
  }

  render() {
    const { renderIconList, renderWrapper, ...remainingProps } = this.props
    const children = renderIconList(remainingProps)
    const view = renderWrapper({ ...remainingProps, children })
    return view
  }
}

export { SocialIconList }
export default SocialIconList