Fixed Warning: Unknown prop "language" on <pre> tag

Author: bvaughn

dist/main.js

@@ -4,7 +4,7 @@
   "main": "dist/main.js",
   "author": "Brian Vaughn",
   "user": "bvaughn",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "scripts": {
     "build": "npm run build:website && npm run build:dist",
     "build:website": "npm run clean:website && NODE_ENV=production webpack --config webpack.config.website.js -p --bail",

dist/main.js.map

@@ -5,7 +5,9 @@ import highlight from 'highlight.js'
 export default class Highlight extends Component {
   static propTypes = {
     children: PropTypes.node.isRequired,
-    language: PropTypes.string
+    className: PropTypes.string,
+    language: PropTypes.string,
+    style: PropTypes.object
   }
 
   componentDidMount () {
@@ -18,10 +20,13 @@ export default class Highlight extends Component {
   }
 
   render () {
-    const { children, language } = this.props
+    const { children, className, language, style } = this.props
 
     return (
-      <pre {...this.props}>
+      <pre
+        className={className}
+        style={style}
+      >
         <code
           className={language}
           ref='code'

package.json

@@ -11,6 +11,9 @@ describe('Highlight', () => {
     <Highlight
       className='custom'
       language={language}
+      style={{
+        color: 'red'
+      }}
     >
       {content}
     </Highlight>,
@@ -28,7 +31,8 @@ describe('Highlight', () => {
     expect(highlightDOMNode.querySelector('.hljs-comment').textContent).to.contain('// comment')
   })
 
-  it('should support additional props like :className', () => {
+  it('should support additional props :className and :style', () => {
     expect(highlightDOMNode.className).to.contain('custom')
+    expect(highlightDOMNode.style.color).to.equal('red')
   })
 })