From 0eb29aed2967a064d7ba12bed4122362139ca0bd Mon Sep 17 00:00:00 2001
From: sonnguyenkieio <89386072+sonnguyenkieio@users.noreply.github.com>
Date: Tue, 7 Sep 2021 12:16:04 +0700
Subject: [PATCH] :sparkles: feat: Tab Common

---
 src/components/common/TabCommon/TabItem/TabItem.tsx | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/src/components/common/TabCommon/TabItem/TabItem.tsx b/src/components/common/TabCommon/TabItem/TabItem.tsx
index 62de3c595..6881c2aca 100644
--- a/src/components/common/TabCommon/TabItem/TabItem.tsx
+++ b/src/components/common/TabCommon/TabItem/TabItem.tsx
@@ -1,22 +1,19 @@
-import classNames from "classnames";
 import React from "react"
 import s from './TabItem.module.scss'
 
 interface TabItemProps {
-    active: string;
+    active: boolean;
     children: string;
-    onClick: () => void;
+    onClick: (tabIndex: number, tabPane: string) => void;
 }
 
-const TabItem = ({ active = "", children, onClick } : TabItemProps) => {
+const TabItem = ({ active = false, children, onClick } : TabItemProps) => {
 
     return (
-        <span onClick={onClick} className={classNames(s.tabItem, {
-            [s[active]]: active
-        })}>
+        <span onClick={onClick} className={active ? s.tabItemActive : s.tabItem} >
             {children}
         </span>
     )
 }
 
-export default TabItem;
\ No newline at end of file
+export default TabItem;