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/Tab.js | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)
 create mode 100644 src/react/Tab.js

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

diff --git a/src/react/Tab.js b/src/react/Tab.js
new file mode 100644
index 0000000..5aa0f16
--- /dev/null
+++ b/src/react/Tab.js
@@ -0,0 +1,20 @@
+import React from 'react';
+
+class Tab extends React.Component {
+	render() {
+		const {activeTab, tabId, title, onClick, disabled, className = ''} = this.props;
+		const dataTestId = this.props['data-test-id'];
+		return (
+			<li
+				className={`sdc-tab ${activeTab === tabId ? 'sdc-tab-active' : ''} ${className}`}
+				onClick={!disabled && onClick}
+				data-test-id={dataTestId}
+				role='tab'
+				disabled={disabled}>
+				{title}
+			</li>
+		);
+	}
+}
+
+export default Tab;
-- 
cgit 1.2.3-korg