Turn off autocomplete

src/components/inputs/Input/index.js

@@ -154,12 +154,8 @@ class Input extends PureComponent {
 
     render() {
         return (
-            <Wrapper
+            <Wrapper className={this.props.className}>
-                className={this.props.className}
+                {this.props.topLabel && <TopLabel>{this.props.topLabel}</TopLabel>}
-            >
-                {this.props.topLabel && (
-                    <TopLabel>{this.props.topLabel}</TopLabel>
-                )}
                 <InputWrapper>
                     <InputIconWrapper>
                         {this.props.state && (
@@ -171,11 +167,9 @@ class Input extends PureComponent {
                         <Overlay isPartiallyHidden={this.props.isPartiallyHidden} />
                         {this.props.icon}
                         <StyledInput
-                            trezorAction={this.props.trezorAction}
                             hasIcon={this.getIcon(this.props.state).length > 0}
                             innerRef={this.props.innerRef}
                             hasAddon={!!this.props.sideAddons}
-                            type={this.props.type}
                             color={this.getColor(this.props.state)}
                             placeholder={this.props.placeholder}
                             autocomplete={this.props.autocomplete}
@@ -183,13 +177,13 @@ class Input extends PureComponent {
                             autocapitalize={this.props.autocapitalize}
                             spellCheck={this.props.spellCheck}
                             value={this.props.value}
-                            readOnly={this.props.readOnly}
                             onChange={this.props.onChange}
                             onClick={this.props.autoSelect ? event => event.target.select() : null}
                             borderColor={this.getColor(this.props.state)}
                             disabled={this.props.isDisabled}
                             name={this.props.name}
                             data-lpignore="true"
+                            {...this.props}
                         />
                         <TrezorAction action={this.props.trezorAction}>
                             <ArrowUp />{this.props.trezorAction}
@@ -198,9 +192,7 @@ class Input extends PureComponent {
                     {this.props.sideAddons && this.props.sideAddons.map(sideAddon => sideAddon)}
                 </InputWrapper>
                 {this.props.bottomText && (
-                    <BottomText
+                    <BottomText color={this.getColor(this.props.state)}>
-                        color={this.getColor(this.props.state)}
-                    >
                         {this.props.bottomText}
                     </BottomText>
                 )}
@@ -235,6 +227,7 @@ Input.propTypes = {
 
 Input.defaultProps = {
     type: 'text',
+    autocomplete: false,
     autoSelect: false,
 };