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 37 38 | 116x 116x 116x 116x 2904x 2904x 2904x 2904x 2904x 2904x 2929x 116x | import classNames from 'classnames';
import React, { memo, FunctionComponent, ReactNode } from 'react';
import { FormContext } from './FormProvider';
export interface FormFieldContainerProps {
additionalClassName?: string;
children: ReactNode;
className?: string;
hasError?: boolean;
testId?: string;
}
const FormFieldContainer: FunctionComponent<FormFieldContainerProps> = ({
additionalClassName,
children,
className,
hasError,
testId,
}) => (
<FormContext.Consumer>
{ ({ isSubmitted }) => (
<div
className={ className ? className : classNames(
'form-field',
additionalClassName,
{ 'form-field--error': hasError && isSubmitted }
) }
data-test={ testId }
>
{ children }
</div>
) }
</FormContext.Consumer>
);
export default memo(FormFieldContainer);
|