feat(Elevation): create new component

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-mdc-web",
-  "version": "0.1.2",
+  "version": "0.2.0",
   "description": "React web components for Material Design",
   "main": "lib/index.js",
   "jsnext:main": "src/index.js",
@@ -11,7 +11,11 @@
     "react",
     "mdc",
     "web",
-    "ui"
+    "ui",
+    "material",
+    "design",
+    "components",
+    "web"
   ],
   "devDependencies": {
     "babel-cli": "^6.18.0",

src/Elevation/Elevation.js

@@ -0,0 +1,22 @@
+import React, { PropTypes } from 'react';
+import classnames from 'classnames';
+
+const propTypes = {
+  className: PropTypes.string,
+  children: PropTypes.node,
+  transition: PropTypes.bool,
+  z: PropTypes.number,
+};
+
+
+const Elevation = ({ className, children, z, transition }) => (
+  <div
+    className={classnames(`mdc-elevation--z${z}`, className, {
+      'mdc-elevation-transition': transition,
+    })}
+  >
+    {children}
+  </div>
+  );
+Elevation.propTypes = propTypes;
+export default Elevation;

src/Elevation/index.js

@@ -0,0 +1,3 @@
+import '@material/elevation/dist/mdc.elevation.min.css';
+
+export { default } from './Elevation';