All files / app/ui/form TextInputIframeContainer.tsx

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
110x
110x
 
 
 
 
 
 
 
110x
91x
91x
91x
91x
91x
 
 
 
 
 
 
 
 
 
 
 
 
 
110x
 
import classNames from 'classnames';
import React, { FunctionComponent, HTMLAttributes } from 'react';
 
export interface TextInputIframeContainerProps extends HTMLAttributes<HTMLDivElement> {
    additionalClassName?: string;
    appearFocused?: boolean;
    testId?: string;
}
 
const TextInputIframeContainer: FunctionComponent<TextInputIframeContainerProps> = ({
    additionalClassName,
    appearFocused,
    testId,
    ...props
}) => (
    <div
        { ...props }
        className={ classNames(
            'form-input',
            'optimizedCheckout-form-input',
            { 'form-input--focus': appearFocused },
            { 'optimizedCheckout-form-input--focus': appearFocused },
            additionalClassName
        ) }
        data-test={ testId }
    />
);
 
export default TextInputIframeContainer;