import React from 'react'
import {
  defaultRenderItem,
  defaultRenderList,
  defaultRenderWrapper,
} from './renderProps'
import { ListProps } from './typings'

class ListPlaceholder extends React.PureComponent<ListProps> {
  static defaultProps = {
    className: '',
    isHorizontalView: false,
    width: '100%',
    height: '16px',

    renderItem: defaultRenderItem,
    renderList: defaultRenderList,
    renderWrapper: defaultRenderWrapper,
  }
  render() {
    const { renderList, renderWrapper, ...remainingProps } = this.props
    const children = renderList(remainingProps)
    const view = renderWrapper({ ...this.props, children })
    return view
  }
}

export { ListPlaceholder }
export default ListPlaceholder