From 1933dfe7ee0bd1f24db0867e980465c08876878c Mon Sep 17 00:00:00 2001
From: sai6855 <fayazceg@gmail.com>
Date: Thu, 6 Jun 2024 16:13:07 +0530
Subject: [PATCH] fix

---
 packages/mui-material/src/Tab/Tab.js      |  1 +
 packages/mui-material/src/Tab/Tab.test.js | 23 +++++++++++++++++++++++
 2 files changed, 24 insertions(+)

diff --git a/packages/mui-material/src/Tab/Tab.js b/packages/mui-material/src/Tab/Tab.js
index b25d9a5eae0217..23e923b7bdfbcc 100644
--- a/packages/mui-material/src/Tab/Tab.js
+++ b/packages/mui-material/src/Tab/Tab.js
@@ -42,6 +42,7 @@ const TabRoot = styled(ButtonBase, {
       styles[`textColor${capitalize(ownerState.textColor)}`],
       ownerState.fullWidth && styles.fullWidth,
       ownerState.wrapped && styles.wrapped,
+      ownerState.icon && styles.iconWrapper,
     ];
   },
 })(({ theme }) => ({
diff --git a/packages/mui-material/src/Tab/Tab.test.js b/packages/mui-material/src/Tab/Tab.test.js
index 01000e2c3d6819..b32b9a2d78d829 100644
--- a/packages/mui-material/src/Tab/Tab.test.js
+++ b/packages/mui-material/src/Tab/Tab.test.js
@@ -4,6 +4,7 @@ import { spy } from 'sinon';
 import { act, createRenderer, fireEvent } from '@mui/internal-test-utils';
 import Tab, { tabClasses as classes } from '@mui/material/Tab';
 import ButtonBase from '@mui/material/ButtonBase';
+import { createTheme, ThemeProvider } from '@mui/material/styles';
 import describeConformance from '../../test/describeConformance';
 
 describe('<Tab />', () => {
@@ -167,4 +168,26 @@ describe('<Tab />', () => {
       expect(style).to.have.property('alignText', 'center');
     });
   });
+
+  it('should apply iconWrapper styles from theme to Tab', () => {
+    const theme = createTheme({
+      components: {
+        MuiTab: {
+          styleOverrides: {
+            iconWrapper: {
+              color: 'red',
+            },
+          },
+        },
+      },
+    });
+
+    const { getByRole } = render(
+      <ThemeProvider theme={theme}>
+        <Tab icon={<div>hello</div>} />
+      </ThemeProvider>,
+    );
+    const { style } = getByRole('tab');
+    expect(style).to.have.property('color', 'red');
+  });
 });