Add transitions

1 files changed, 26 insertions, 0 deletions

diff --git a/app/components/WindowChrome.js b/app/components/WindowChrome.js
new file mode 100644
index 0000000000..e1df040d6c
--- /dev/null
+++ b/app/components/WindowChrome.js
@@ -0,0 +1,26 @@
+import React, { Component, PropTypes } from 'react';
+
+/**
+ * A component used to chip out arrow in the app header using CSS mask
+ *
+ * @export
+ * @class WindowChrome
+ * @extends {Component}
+ */
+export default class WindowChrome extends Component {
+  static propTypes = {
+    children: PropTypes.oneOfType([
+      PropTypes.arrayOf(PropTypes.element),
+      PropTypes.element,
+    ])
+  };
+
+  render() {
+    const chromeClass = ['window-chrome', 'window-chrome--' + process.platform];
+    return (
+      <div className={ chromeClass.join(' ') }>
+        { this.props.children }
+      </div>
+    );
+  }
+}
\ No newline at end of file