Example of a text input in React

TextInput.tsx

export const TextInput = ({
  autoComplete,
  description,
  id,
  label,
  onChange,
  placeholder,
  required,
  value,
}: {
  autoComplete?: React.HTMLInputAutoCompleteAttribute | undefined;
  description?: string;
  id: string;
  label: string;
  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
  placeholder?: string;
  required?: boolean;
  value?: string;
}) => {
  return (
    <>
      <label htmlFor={id} className="label-class">
        {label}
      </label>
      <input
        id={id}
        name={id}
        type="text"
        className="input-class"
        value={value}
        onChange={onChange}
        placeholder={placeholder}
        required={required}
        autoComplete={autoComplete}
      />
      {description && (
        <small className="description-class">{description}</small>
      )}
    </>
  );
};