All files / app/ui/form Legend.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
540x
540x
540x
540x
540x
540x
 
 
 
 
 
 
 
 
 
 
 
 
 
110x
 
import classNames from 'classnames';
import React, { FunctionComponent } from 'react';
 
export interface LegendProps extends React.HTMLAttributes<HTMLLegendElement> {
    hidden?: boolean;
    testId?: string;
}
 
const Legend: FunctionComponent<LegendProps> = ({
    children,
    className,
    hidden,
    testId,
    ...rest
}) => (
    <legend
        { ...rest }
        className={ classNames(
            className || 'form-legend',
            { 'is-srOnly': hidden },
            { 'optimizedCheckout-headingSecondary': !hidden }
        ) }
        data-test={ testId }
    >
        { children }
    </legend>
);
 
export default Legend;