form Fieldset.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
37
38
39 110x
110x
 
 
 
 
 
 
 
110x
 
1155x
1155x
1155x
1155x
1155x
1155x
 
 
1155x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
110x
  import classNames from 'classnames';
import React, { forwardRef, FieldsetHTMLAttributes, ReactNode, Ref } from 'react';
 
export interface FieldsetProps extends FieldsetHTMLAttributes<HTMLFieldSetElement> {
    additionalClassName?: string;
    testId?: string;
    legend?: ReactNode;
}
 
const Fieldset = forwardRef((
    {
        additionalClassName,
        children,
        className,
        legend,
        testId,
        ...rest
    }: FieldsetProps,
    ref: Ref<HTMLFieldSetElement>
) => (
    <fieldset
        { ...rest }
        className={ className ? className : classNames(
            'form-fieldset',
            additionalClassName
        ) }
        data-test={ testId }
        ref={ ref }
    >
        { legend }
 
        <div className="form-body">
            { children }
        </div>
    </fieldset>
));
 
export default Fieldset;