# Pastebin F9KGXwEp
import React from 'react';

import FormRow from './FormRow';
import FormLabel from './FormLabel';
import FieldErrors from './FieldErrors';

const FormRowNameWithGuesscase = ({field, options, required, type = 'text', ...inputProps}) => {
  return (
    <FormRow>
      <FormLabel
        forField={field}
        label={options.label || l('Name:')}
        required={required}
      />
      <input
        className={options.guessfeat ? 'with-guesscase-guessfeat' : 'with-guesscase'}
        defaultValue={field.value || ''}
        id={'id-' + field.html_name}
        name={field.html_name}
        required={required}
        type={type}
        {...inputProps}
      />
      <button className="guesscase-title icon" title={l('Guess case')} type="button" />
      {options.guessfeat ? (
        <button className="guessfeat icon" title={l('Guess feat. artists')} type="button" />
      ) : null}
      <button className="guesscase-options icon" title={l('Guess case options')} type="button" />
      <FieldErrors field={field} />
    </FormRow>
  );
};

export default FormRowNameWithGuesscase;