feat(radio): Classname and style passes through to radio div

[Finishes #98913402]

spec/pivotal-ui-react/radio/radio_spec.js

@@ -55,4 +55,18 @@ describe('Radio', function() {
       });
     });
   });
+
+  describe('when className and style are passed', () => {
+    beforeEach(() =>{
+      React.render(
+        <Radio value="1" name="bananas" className="radio-class" style={{opacity: '1'}} defaultChecked>
+          One!!!
+        </Radio>, root);
+    });
+    it('passes through className and style', () => {
+      expect('#root .radio').toHaveClass('radio-class');
+      expect('#root .radio').toHaveCss({opacity: '1'});
+    });
+  });
+
 });

src/pivotal-ui-react/radio/radio.js

@@ -1,4 +1,5 @@
 var React = require('react');
+import {mergeProps} from '../../../src/pivotal-ui-react/helpers/helpers';
 
 /**
  * @component Radio
@@ -34,9 +35,11 @@ var Radio = React.createClass({
   },
 
   render: function() {
+    const {className, style, ...others} = this.props;
+    const props = mergeProps({className: className, style: style}, {className: 'radio'});
     return (
-      <div className="radio">
-        <label><input type="radio" {...this.props}/></label>
+      <div {...props}>
+        <label><input type="radio" {...others}/></label>
       </div>
     );
   }