import React from 'react'
import { FormBuilderProps } from './typings'
import {
  defaultRenderTitle,
  defaultRenderWrapper,
  defaultRenderButtonGroup,
  defaultRenderForm,
} from './renderProps'

class FormBuilder extends React.PureComponent<FormBuilderProps> {
  static defaultProps = {
    className: '',
    title: '',
    buttonLabel: 'submit',
    // renderProps
    renderTitle: defaultRenderTitle,
    renderForm: defaultRenderForm,
    renderButtonGroup: defaultRenderButtonGroup,
    renderWrapper: defaultRenderWrapper,
  }

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

export { FormBuilder }
export default FormBuilder