import React from 'react';
import {useSelector} from 'react-redux';
import {
  FinalInput,
  FinalRadio,
} from 'indico/react/forms';
import {
  SyncedFinalAffiliationDropdown,
  SyncedFinalInput,
  SyncedFinalTextArea,
  SyncedFinalDropdown,
} from 'indico/react/components/syncedInputs';
import {registerPluginComponent} from 'indico/utils/plugins';
import {Translate} from 'indico/react/i18n';
// import {getStaticData} from 'indico/react/selectors';
// import CountryInput from 'indico/modules/events/registration/form/fields/CountryInput';

export default function CustomFields({userValues, syncedValues, lockedFields, lockedFieldMessage}) {
  // const {countries} = useSelector(getStaticData);

  return (
    <SyncedFinalInput
      name="testfield"
      label={Translate.string('Test Field')}
      syncedValues={syncedValues}
      lockedFields={lockedFields}
      lockedFieldMessage={lockedFieldMessage}
    />
  );
  // ToDo: Figure out how to use CountryInput
  //  return (
  //   <CountryInput
  //     name="testfield"
  //     label={Translate.string('Test Field')}
  //     syncedValues={syncedValues}
  //     lockedFields={lockedFields}
  //     lockedFieldMessage={lockedFieldMessage}
  //   />
  // );

}