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
|
import * as React from 'react';
interface RadioProps {
options: Record<string, string>;
name: string;
onChange: (e: React.ChangeEvent) => void;
checked: string | boolean;
}
export const Radio = ({
options,
name,
onChange,
checked = false
}: RadioProps) => (
<>
{Object.keys(options).map(k => {
const option = options[k];
return (
<li key={`${name}-${option}`}>
<label htmlFor={option}>
<input
id={option}
type="radio"
name={name}
value={option}
checked={option === checked}
onChange={onChange}
/>
{option}
</label>
</li>
);
})}
</>
);
|
