form ChecklistItemInput.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 112x
 
112x
112x
 
 
 
 
 
112x
235x
235x
235x
235x
235x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
112x
  import React, { FunctionComponent, InputHTMLAttributes } from 'react';
 
import Input from './Input';
import Label from './Label';
 
export interface ChecklistItemInputProps extends InputHTMLAttributes<HTMLInputElement> {
    isSelected: boolean;
}
 
const ChecklistItemInput: FunctionComponent<ChecklistItemInputProps> = ({
    id,
    isSelected,
    children,
    ...props
}) => (
    <>
        <Input
            { ...props }
            checked={ isSelected }
            className="form-checklist-checkbox optimizedCheckout-form-checklist-checkbox"
            id={ id }
            type="radio"
        />
 
        <Label htmlFor={ id }>
            { children }
        </Label>
    </>
);
 
export default ChecklistItemInput;