import React from 'react'
import { UserCommentProps } from './typings'
import { defaultRenderFormFields, defaultRenderWrapper } from './renderProps'

class UserComment extends React.PureComponent<UserCommentProps> {
  static defaultProps = {
    className: 'action-button',
    // renderProps
    renderFormFields: defaultRenderFormFields,
    renderWrapper: defaultRenderWrapper,
  }

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

export { UserComment }
export default UserComment