import makeClass from 'classnames';
import PropTypes from 'prop-types';
import React from 'react';
import Styles from './Paper.css';

function Paper({backgroundColor, children, className, elevation, style, ...other}) {
  return (
    <div
      {...other}
      className={makeClass(className, Styles.root, Styles[`elevation${elevation}`])}
      style={Object.assign({}, style, {backgroundColor})}
    >
      {children}
    </div>
  );
}

Paper.defaultProps = {
  backgroundColor: '#fff',
  children: null,
  className: '',
  elevation: 1,
  style: {}
};

Paper.propTypes = {
  backgroundColor: PropTypes.string,
  children: PropTypes.node,
  className: PropTypes.string,
  elevation: PropTypes.number,
  style: PropTypes.object
};

export default Paper;

@@ -131,23 +131,69 @@
 ';%0A%0A
-function Paper(
+class Paper extends React.Component %7B%0A  render() %7B%0A    const 
 %7Bbac
@@ -254,20 +254,33 @@
 ..other%7D
-) %7B%0A
+ = this.props;%0A  
   return
@@ -286,16 +286,18 @@
 n (%0A    
+  
 %3Cdiv%0A   
@@ -299,16 +299,18 @@
 v%0A      
+ 
+ 
 %7B...othe
@@ -312,16 +312,18 @@
 .other%7D%0A
+  
       cl
@@ -405,16 +405,18 @@
 %7D%0A      
+  
 style=%7BO
@@ -463,18 +463,22 @@
 %7D)%7D%0A    
+ 
+ 
 %3E%0A
+  
       %7Bc
@@ -490,16 +490,18 @@
 en%7D%0A    
+  
 %3C/div%3E%0A 
@@ -505,11 +505,17 @@
 %3E%0A  
+ 
+ 
 );%0A
+  %7D%0A
 %7D%0A%0AP

use class declaration (refs support)