From a98d5016ff87b3f06fb600d7b6d76fcbcf5a9baf Mon Sep 17 00:00:00 2001
From: Tharun T <tharun242424@gmail.com>
Date: Thu, 11 Jul 2024 01:08:16 +0530
Subject: [PATCH] feat: add default Theme for MuiButtonGroup component

Signed-off-by: Tharun T <tharun242424@gmail.com>
---
 src/theme/components.ts                      | 2 ++
 src/theme/components/buttongroup.modifier.ts | 9 +++++++++
 2 files changed, 11 insertions(+)
 create mode 100644 src/theme/components/buttongroup.modifier.ts

diff --git a/src/theme/components.ts b/src/theme/components.ts
index f605f8bf..b04270d1 100644
--- a/src/theme/components.ts
+++ b/src/theme/components.ts
@@ -1,6 +1,7 @@
 import { Components, Theme } from '@mui/material';
 import { MuiAppBar } from './components/appbar.modifiter';
 import { MuiButton } from './components/button.modifier';
+import { MuiButtonGroup } from './components/buttongroup.modifier';
 import { MuiCard } from './components/card.modifier';
 import { MuiCheckbox } from './components/checkbox.modifier';
 import { MuiCollapse } from './components/collapse.modifier';
@@ -35,6 +36,7 @@ export const components: Components<Theme> = {
   MuiSvgIcon,
   MuiTab,
   MuiSwitch,
+  MuiButtonGroup,
   MuiButton,
   MuiListItem
 };
diff --git a/src/theme/components/buttongroup.modifier.ts b/src/theme/components/buttongroup.modifier.ts
new file mode 100644
index 00000000..28cb2fee
--- /dev/null
+++ b/src/theme/components/buttongroup.modifier.ts
@@ -0,0 +1,9 @@
+import { Components, Theme } from '@mui/material';
+
+export const MuiButtonGroup: Components<Theme>['MuiButtonGroup'] = {
+  styleOverrides: {
+    grouped: ({ theme }) => ({
+      borderColor: theme.palette.common.white
+    })
+  }
+};