import ToggleButton from "react-bootstrap/ToggleButton";
import ToggleButtonGroup from "react-bootstrap/ToggleButtonGroup";

const Toggle = (props) => {
  const { onClick } = props;
  return (
    <>
      <ToggleButtonGroup type="radio" name="options" defaultValue={1}>
        <ToggleButton
          onClick={(e) => onClick(1)}
          id="tbg-radio-1"
          value={1}
        ></ToggleButton>

        <ToggleButton
          onClick={(e) => onClick(2)}
          id="tbg-radio-2"
          value={2}
        ></ToggleButton>
      </ToggleButtonGroup>
    </>
  );
};

export default Toggle;