1 files changed, 29 insertions, 0 deletions
diff --git a/diplomacy/web/src/gui/components/tab.jsx b/diplomacy/web/src/gui/components/tab.jsx
new file mode 100644
index 0000000..f1ad4aa
--- /dev/null
+++ b/diplomacy/web/src/gui/components/tab.jsx
@@ -0,0 +1,29 @@
+import React from "react";
+import PropTypes from "prop-types";
+
+export class Tab extends React.Component {
+    render() {
+        const style = {
+            display: this.props.display ? 'block' : 'none'
+        };
+        const id = this.props.id ? {id: this.props.id} : {};
+        return (
+            <div className={'tab mb-4 ' + this.props.className} style={style} {...id}>
+                {this.props.children}
+            </div>
+        );
+    }
+}
+
+Tab.propTypes = {
+    display: PropTypes.bool,
+    className: PropTypes.string,
+    id: PropTypes.string,
+    children: PropTypes.oneOfType([PropTypes.array, PropTypes.object])
+};
+
+Tab.defaultProps = {
+    display: false,
+    className: '',
+    id: ''
+};