From 65de76f1a3c751df145609870607e5c9ea3aa609 Mon Sep 17 00:00:00 2001
From: "Andrey.Yaroshenko" <kradio3@gmail.com>
Date: Fri, 20 Jan 2017 13:16:12 +0300
Subject: [PATCH] feat(Elevation): create new component

---
 package.json               |  8 ++++++--
 src/Elevation/Elevation.js | 22 ++++++++++++++++++++++
 src/Elevation/index.js     |  3 +++
 3 files changed, 31 insertions(+), 2 deletions(-)
 create mode 100644 src/Elevation/Elevation.js
 create mode 100644 src/Elevation/index.js

diff --git a/package.json b/package.json
index a58352b..ba617b5 100644
--- a/package.json
+++ b/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",
diff --git a/src/Elevation/Elevation.js b/src/Elevation/Elevation.js
new file mode 100644
index 0000000..def72e1
--- /dev/null
+++ b/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;
diff --git a/src/Elevation/index.js b/src/Elevation/index.js
new file mode 100644
index 0000000..802dfd8
--- /dev/null
+++ b/src/Elevation/index.js
@@ -0,0 +1,3 @@
+import '@material/elevation/dist/mdc.elevation.min.css';
+
+export { default } from './Elevation';