All files / app/ui/form TextInputIframeContainer.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 30110x 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;