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

class FormBuilder extends React.PureComponent<FormBuilderProps> {
  static defaultProps = {
    className: '',
    title: 'Form Text Here',
    buttonLabel: 'Text',
    inputPlaceholder: 'Input Placeholder Here',

    // renderProps
    renderTitle: defaultRenderTitle,
    renderForm: defaultRenderForm,
  }

  render() {
    const { renderTitle, renderForm, ...remainingProps } = this.props
    const children = (
      <React.Fragment>
        {renderTitle(remainingProps)}
        {renderForm(remainingProps)}
      </React.Fragment>
    )
    return defaultRenderWrapper({ children, ...remainingProps })
  }
}

export { FormBuilder }
export default FormBuilder