🎨 Update radiobutton group with react css themr

Author: KRRISH96

lib/radioButtonGroup/index.js

@@ -1,8 +1,9 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import { themr } from 'react-css-themr';
 import cx from 'classnames';
 
-import styles from './theme.scss';
+import defaultTheme from './theme.module.scss';
 
 class RadioButtonGroup extends React.Component {
   constructor(props) {
@@ -29,7 +30,7 @@ class RadioButtonGroup extends React.Component {
       theme,
     } = this.props;
 
-    const classNames = cx(styles['radio-group'], { inline });
+    const classNames = cx(theme['radio-group'], { [theme.inline]: inline });
 
     const isChecked = label => label === this.state.currentlyActive ? 'active' : ''; // eslint-disable-line
 
@@ -40,16 +41,16 @@ class RadioButtonGroup extends React.Component {
             {/* eslint-disable jsx-a11y/click-events-have-key-events */ }
             { /* eslint-disable jsx-a11y/no-static-element-interactions */ }
             <div
-              className={cx(styles['each-radio'])}
+              className={cx(theme['each-radio'])}
               onClick={(e) => { this.handleRadioBtnChange(e, option); }}
               id="radio_button"
             >
-              <label className={cx(styles['customized-radio'], theme['customized-radio'])}>
-                <label className={cx('inner', { checked: isChecked(option.label) })}>
+              <label className={cx(theme['customized-radio'], theme['customized-radio'])}>
+                <label className={cx(theme.inner, { [theme.checked]: isChecked(option.label) })}>
                   <input type="radio" />
                 </label>
               </label>
-              <label className={styles['each-label']}>
+              <label className={theme['each-label']}>
                 {option.label}
               </label>
             </div>
@@ -64,13 +65,13 @@ RadioButtonGroup.propTypes = {
   options: PropTypes.oneOfType([PropTypes.array]).isRequired,
   inline: PropTypes.bool,
   onClick: PropTypes.func,
-  theme: PropTypes.string,
+  theme: PropTypes.oneOfType([PropTypes.object]),
 };
 
 RadioButtonGroup.defaultProps = {
   inline: false,
   onClick: () => {},
-  theme: '',
+  theme: defaultTheme,
 };
 
-export default RadioButtonGroup;
+export default themr('CBRadioButtonGroup', defaultTheme)(RadioButtonGroup);