attu/client/src/components/customRadio/CustomRadio.tsx

import * as React from 'react';
import { FormGroup, FormControlLabel, Switch } from '@material-ui/core';

export const CustomRadio = (props: {
  label: string;
  handleChange: (checked: boolean) => void;
}) => {
  const { label, handleChange } = props;
  const onChange = (
    e: React.ChangeEvent<HTMLInputElement>,
    checked: boolean
  ) => {
    handleChange(checked);
  };
  return (
    <FormGroup>
      <FormControlLabel
        control={<Switch onChange={onChange} color="primary" />}
        label={label}
      />
    </FormGroup>
  );
};