From 4a2f3996a272796c26658e5b2fa4b068e668a4a3 Mon Sep 17 00:00:00 2001
From: Karan Randhawa <karandeeprandhawa27@gmail.com>
Date: Fri, 10 Jan 2025 14:14:51 +0530
Subject: [PATCH] classname for tabs

---
 package.json        | 2 +-
 src/NTabs/NTabs.tsx | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 42478ef..19a61fc 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "n6-ui",
-  "version": "1.2.2",
+  "version": "1.2.3",
   "description": "N6 Network UI Framework",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
diff --git a/src/NTabs/NTabs.tsx b/src/NTabs/NTabs.tsx
index 29ec0ee..db626d1 100644
--- a/src/NTabs/NTabs.tsx
+++ b/src/NTabs/NTabs.tsx
@@ -31,6 +31,7 @@ export interface NTabsProps extends PropsWithChildren {
   defaultActivePane: string;
   activePane?: string;
   className?: string;
+  tabClassName?: string;
   neck?: ReactNode;
   onChange(name: string): void;
 }
@@ -38,6 +39,7 @@ export interface NTabsProps extends PropsWithChildren {
 const NTabs: React.FC<NTabsProps> = ({
   state = NTabsState.None,
   className,
+  tabClassName,
   children,
   neck,
   defaultActivePane,
@@ -108,6 +110,7 @@ const NTabs: React.FC<NTabsProps> = ({
                 : activePane === tab.name
                   ? 'text-white rounded-[100px] bg-gray-2'
                   : 'text-gray-3',
+              tabClassName,
             )}
             key={idx}
             onClick={() => handleTabClick(tab.name, idx)}