From c34bf3c135b99178f3b0b3b25607c83eefb547f5 Mon Sep 17 00:00:00 2001
From: npiyush97 <npiyush35@gmail.com>
Date: Tue, 19 Mar 2024 09:45:26 +0530
Subject: [PATCH] props fix

Signed-off-by: npiyush97 <npiyush35@gmail.com>
---
 .../src/components/TabbedLayout/types.ts            | 11 +----------
 .../src/layout/HeaderTabs/HeaderTabs.tsx            | 13 ++-----------
 2 files changed, 3 insertions(+), 21 deletions(-)

diff --git a/packages/core-components/src/components/TabbedLayout/types.ts b/packages/core-components/src/components/TabbedLayout/types.ts
index 6901c3051c..59e26305bd 100644
--- a/packages/core-components/src/components/TabbedLayout/types.ts
+++ b/packages/core-components/src/components/TabbedLayout/types.ts
@@ -21,14 +21,5 @@ export type SubRoute = {
   path: string;
   title: string;
   children: JSX.Element;
-  tabProps?: {
-    component?: React.ElementType<TabProps>;
-    to: string;
-    value?: number;
-    className?: string;
-    classes?: {
-      selected: string;
-      root: string;
-    };
-  };
+  tabProps?: TabProps<React.ElementType, { component?: React.ElementType }>;
 };
diff --git a/packages/core-components/src/layout/HeaderTabs/HeaderTabs.tsx b/packages/core-components/src/layout/HeaderTabs/HeaderTabs.tsx
index 34acdda08c..a87d024469 100644
--- a/packages/core-components/src/layout/HeaderTabs/HeaderTabs.tsx
+++ b/packages/core-components/src/layout/HeaderTabs/HeaderTabs.tsx
@@ -61,16 +61,7 @@ const useStyles = makeStyles(
 export type Tab = {
   id: string;
   label: string;
-  tabProps?: {
-    component?: React.ElementType<TabProps>;
-    to: string;
-    value?: number;
-    className?: string;
-    classes?: {
-      selected: string;
-      root: string;
-    };
-  };
+  tabProps?: TabProps<React.ElementType, { component?: React.ElementType }>;
 };
 
 type HeaderTabsProps = {
@@ -123,7 +114,6 @@ export function HeaderTabs(props: HeaderTabsProps) {
       >
         {tabs.map((tab, index) => (
           <TabUI
-            {...tab.tabProps}
             data-testid={`header-tab-${index}`}
             label={tab.label}
             key={tab.id}
@@ -132,6 +122,7 @@ export function HeaderTabs(props: HeaderTabsProps) {
             value={index}
             className={styles.defaultTab}
             classes={{ selected: styles.selected, root: styles.tabRoot }}
+            {...tab.tabProps}
           />
         ))}
       </Tabs>