如何使用绑定枚举设置RadioButtonGroup的标签

import { RadioButtonGroup, RadioButton } from 'ui-library'; // 假设使用了一个名为ui-library的UI组件库

// 定义枚举类型
enum Gender {
  Male = 'male',
  Female = 'female',
}

// 在组件中使用RadioButtonGroup展示标签选项
function MyComponent() {
  const [selectedGender, setSelectedGender] = useState<Gender>(Gender.Male);

  const handleGenderChange = (value: Gender) => {
    setSelectedGender(value);
  };

  return (
    <RadioButtonGroup value={selectedGender} onChange={handleGenderChange}>
      {Object.values(Gender).map((gender) => (
        <RadioButton key={gender} label={gender} value={gender} />
      ))}
    </RadioButtonGroup>
  );
}