import React from 'react'
import { StatusDetailsProps } from './typings'
import {
  defaultRenderStatus,
  defaultRenderTeamRole,
  defaultRenderEmail,
  defaultRenderIdentifier,
  defaultRenderName,
  defaultRenderBox,
  defaultRenderWrapper,
} from './renderProps'

class StatusDetails extends React.PureComponent<StatusDetailsProps> {
  static defaultProps = {
    className: '',
    //
    renderStatus: defaultRenderStatus,
    renderTeamRole: defaultRenderTeamRole,
    renderEmail: defaultRenderEmail,
    renderIdentifier: defaultRenderIdentifier,
    renderName: defaultRenderName,
    renderBox: defaultRenderBox,
    renderWrapper: defaultRenderWrapper,
  }
  render() {
    const { renderWrapper, renderBox, ...remainingProps } = this.props
    const children = renderBox(remainingProps)
    return renderWrapper({ children, ...remainingProps })
  }
}

export { StatusDetails }
export default StatusDetails