import React from 'react'; import PropTypes from 'prop-types'; import styles from './InputField.css'; import ErrorMessage from './ErrorMessage'; import { Icon } from 'plugin-api/beta/client/components/ui'; const InputField = ({ id = '', label = '', type = 'text', name = '', onChange = () => {}, value = '', showError = true, hasError = false, errorMsg = '', children, }) => { return (
  • {!hasError && value && } {hasError && showError && {errorMsg}}
    {children}
  • ); }; InputField.propTypes = { id: PropTypes.string.isRequired, label: PropTypes.string.isRequired, type: PropTypes.string.isRequired, name: PropTypes.string.isRequired, onChange: PropTypes.func, value: PropTypes.string, showError: PropTypes.bool, hasError: PropTypes.bool, errorMsg: PropTypes.string, children: PropTypes.node, }; export default InputField;