import React from 'react'
import { NO_OP } from 'exotic'
import { ApprovalStatus as ApprovalStatusPlaceholder } from 'abstractions/B2B/Approval'
import { ApprovalStatusProps } from './typings'
import {
  defaultRenderButton,
  defaultRenderUserInformation,
  defaultRenderOrderInformation,
} from './renderProps'

class ApprovalStatus extends React.PureComponent<ApprovalStatusProps> {
  static defaultProps = {
    className: '',
    // renderProps
    renderButton: defaultRenderButton,
    renderUserInformation: defaultRenderUserInformation,
    renderOrderInformation: defaultRenderOrderInformation,
    //
    onUserName: NO_OP,
  }

  render() {
    return <ApprovalStatusPlaceholder {...this.props} />
  }
}

export { ApprovalStatus }
export default ApprovalStatus