♻️ Switch ControlRadio to use default WP component

modules/ppcp-settings/resources/js/Components/ReusableComponents/Controls/ControlRadioGroup.js

@@ -1,18 +1,13 @@
-import { PayPalRdbWithContent } from '../Fields';
 import { Action } from '../Elements';
+import { RadioGroup } from '../Fields';
 
 const ControlRadioGroup = ( { options, value, onChange } ) => (
 	<Action>
-		{ options.map( ( { value: optionValue, label, description } ) => (
-			<PayPalRdbWithContent
-				key={ optionValue }
-				value={ optionValue }
-				currentValue={ value }
-				handleRdbState={ onChange }
-				label={ label }
-				description={ description }
-			/>
-		) ) }
+		<RadioGroup
+			options={ options }
+			selected={ value }
+			onChange={ onChange }
+		/>
 	</Action>
 );
 

modules/ppcp-settings/resources/js/Components/ReusableComponents/Fields/RadioGroup.js

@@ -0,0 +1,13 @@
+import { RadioControl } from '@wordpress/components';
+
+const RadioGroup = ( { options, selected, onChange } ) => {
+	return (
+		<RadioControl
+			options={ options }
+			onChange={ onChange }
+			selected={ selected }
+		/>
+	);
+};
+
+export default RadioGroup;

modules/ppcp-settings/resources/js/Components/ReusableComponents/Fields/index.js

@@ -4,6 +4,7 @@
 
 export { default as PayPalCheckbox } from './Checkbox';
 export { default as CheckboxGroup } from './CheckboxGroup';
+export { default as RadioGroup } from './RadioGroup';
 export { default as PayPalRdb } from './RadioButton';
 export { default as PayPalRdbWithContent } from './RadioContent';
 export { default as SelectBox } from './SelectableContent';