Using ReactNode as a Prop - The simplest way to customize the label is to pass a ReactNode (JSX element) instead of a string.

radiobuttongroup.reactNodeAsProp.tsx

export function RadioButtonGroup({ optionList, selected }: RadioButtonGroupProps) {
  return (
    <div className="radio-button-group">
      {optionList.map((option) => (
        <div 
          key={option.value}
          disabled={option.disabled}
          className={selected === type.value && 'option--active' || ''}
        >
          {option.icon && <span className={`icon-${option.icon}`} />}
          {option.label} {/* ReactNode allows full flexibility here */}
        </div>
      ))}
    </div>
  );
};

// Usage in Parent Component
<RadioButtonGroup optionList={suggestDepositAmounts} />;

const suggestDepositAmounts = [
  {
    value: "100",
    label: <CustomElement labelText="100 RSD" />,
  }
];