/* globals gettext */

import PropTypes from 'prop-types';
import React from 'react';

import { InputText } from '@edx/paragon/static';

function PasswordResetInput(props) {
  return (
    <div className="form-field">
      <InputText
        id={props.name}
        type="password"
        themes={['danger']}
        dangerIconDescription={gettext('Error: ')}
        required
        {...props}
      />
    </div>
  );
}

PasswordResetInput.propTypes = {
  name: PropTypes.string.isRequired,
};

export default PasswordResetInput;