form TextInput.tsx

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36 112x
112x
 
112x
 
 
 
 
 
 
 
112x
 
1411x
1411x
1411x
1411x
 
 
1411x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
112x
  import classNames from 'classnames';
import React, { forwardRef, Ref } from 'react';
 
import Input, { InputProps } from './Input';
 
export interface TextInputProps extends InputProps {
    additionalClassName?: string;
    appearFocused?: boolean;
    type?: 'text' | 'password' | 'tel' | 'email' | 'number';
}
 
const TextInput = forwardRef((
    {
        additionalClassName,
        appearFocused,
        type = 'text',
        ...rest
    }: TextInputProps,
    ref: Ref<HTMLInputElement>
) => (
    <Input
        { ...rest }
        className={ classNames(
            'form-input',
            'optimizedCheckout-form-input',
            { 'form-input--focus': appearFocused },
            { 'optimizedCheckout-form-input--focus': appearFocused },
            additionalClassName
        ) }
        ref={ ref }
        type={ type }
    />
));
 
export default TextInput;