import React from 'react'
import { UserStatusProps } from './typings'
import {
  defaultRenderTitle,
  defaultRenderSearch,
  defaultRenderBox,
  defaultRenderWrapper,
  defaultRenderStatusCard,
} from './renderProps'

class UserStatus extends React.PureComponent<UserStatusProps> {
  static defaultProps = {
    className: '',
    // renderProps
    renderTitle: defaultRenderTitle,
    renderSearch: defaultRenderSearch,
    renderWrapper: defaultRenderWrapper,
    renderStatusCard: defaultRenderStatusCard,
  }
  render() {
    const { renderWrapper, ...remainingProps } = this.props
    const children = defaultRenderBox(remainingProps)
    const view = renderWrapper({ children, ...remainingProps })
    return view
  }
}

export { UserStatus }
export default UserStatus