text: import React from 'react'
  import PropTypes from 'prop-types'
  
  const ModalForm = (props) => {
  
      let {children, modalStyle, formStyle, ...formProps} = props;
      return (
          <dialog
              open
              className = {modalStyle}
          >
              <form 
                  method="dialog"
                  className = {formStyle}
                  {...formProps}
              >
                  {children}
              </form>
          </dialog>
      ) 
  }
  
  ModalForm.propTypes = {
      modalStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
      formStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
      action: PropTypes.string,
      name: PropTypes.string,
      enctype: PropTypes.oneOf(["application/x-www-form-urlencoded","multipart/form-data","text/plain"]),
      target: PropTypes.oneOf(["_self", "_parent", "_top", "_blank"]),
      acceptCharset: PropTypes.string,
      novalidate: PropTypes.bool,
      autocomplete: PropTypes.oneOf(["on","off"]),
  }
  
  export default ModalForm
  