From 1994c98063c27a41797dec01f2ca9fcbe33ceab0 Mon Sep 17 00:00:00 2001
From: Israel Lavi <israel.lavi@intl.att.com>
Date: Mon, 21 May 2018 17:42:00 +0300
Subject: init commit onap ui

Change-Id: I1dace78817dbba752c550c182dfea118b4a38646
Issue-ID: SDC-1350
Signed-off-by: Israel Lavi <il0695@att.com>
---
 src/react/Tabs.js | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 src/react/Tabs.js

(limited to 'src/react/Tabs.js')

diff --git a/src/react/Tabs.js b/src/react/Tabs.js
new file mode 100644
index 0000000..c502038
--- /dev/null
+++ b/src/react/Tabs.js
@@ -0,0 +1,29 @@
+import React from 'react';
+import TabPane from './TabPane.js';
+
+class Tabs extends React.Component {
+	render() {
+		const {type, children = [], activeTab, onTabClick, className} = this.props;
+		return (
+			<div className={type === 'header' ? `sdc-tabs sdc-tabs-header ${className || ''}` : `sdc-tabs sdc-tabs-menu ${className || ''}`} >
+				<ul className='sdc-tabs-list' role='tablist'>
+					{children.map(child => React.cloneElement(child,
+						{
+							key: child.props.tabId,
+							onClick: () => onTabClick(child.props.tabId),
+							activeTab
+						}))}
+				</ul>
+				<TabPane>
+					{children.map(child => {
+						if (child.props.tabId === activeTab) {
+							return child.props.children;
+						}
+					})}
+				</TabPane>
+			</div>
+		);
+	}
+}
+
+export default Tabs;
-- 
cgit