import React from 'react'

// @todo - name innerRef > setRef
export const FormElement = props => {
  const { setRef, className, formId, handleSubmit, ...remainingProps } = props
  return (
    <form
      ref={setRef}
      {...remainingProps}
      id={formId}
      onSubmit={handleSubmit}
      className={className}
    />
  )
}

/**
 * @todo - <Button> attom !!!!!!!!
 */
export const SubmitButton = props => <button {...props} />
export const CancelButton = props => <button {...props} />