text: import React from 'react';
  import { ErrorMessage, useField } from 'formik';
  
  export const TextField = ({ label, ...props }) => {
    const [field, meta] = useField(props);
    return (
      <div className="mb-3">
        <label htmlFor={field.name}>{label}</label>
        <input
          className={`form-control ${meta.touched && meta.error && 'is-invalid'}`}
          {...field} {...props}
          autoComplete="off"
        />
        <ErrorMessage component="span" name={field.name} className="error font-sm" />
      </div>
    )
  }