FilterRadios FilterRadios.tsx

100% Statements 3/3

100% Branches 0/0

100% Functions 3/3

100% Lines 3/3

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  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
12x
 
 
 
 
 
1x
 
 
46x
 
 
 
 
 
 
 
 
 
 
  import FormControl from '@mui/material/FormControl';
import FormLabel from '@mui/material/FormLabel';
import RadioGroup from '@mui/material/RadioGroup';
import FormControlLabel from '@mui/material/FormControlLabel';
import Radio from '@mui/material/Radio';
 
interface FilterRadiosProps<T extends string> {
  legend: string;
  value: T;
  options: { value: T; label: string }[];
  onChange: (v: T) => void;
}
 
export function FilterRadios<T extends string>({
  legend, value, options, onChange
}: FilterRadiosProps<T>) {
  return (
    <FormControl component="fieldset">
      <FormLabel component="legend">{legend}</FormLabel>
      <RadioGroup
        row
        value={value}
        onChange={(_, v) => onChange(v as T)}
      >
        {options.map(o => (
          <FormControlLabel
            key={o.value}
            value={o.value}
            control={<Radio size="small" />}
            label={o.label}
          />
        ))}
      </RadioGroup>
    </FormControl>
  );
}