fix(striker-ui): allow style overrides in IconButton; export IconButtonProps

striker-ui/components/IconButton/IconButton.tsx

@@ -1,4 +1,8 @@
-import { IconButton as MUIIconButton, styled } from '@mui/material';
+import { FC } from 'react';
+import {
+  IconButton as MUIIconButton,
+  IconButtonProps as MUIIconButtonProps,
+} from '@mui/material';
 
 import {
   BLACK,
@@ -7,13 +11,31 @@ import {
   TEXT,
 } from '../../lib/consts/DEFAULT_THEME';
 
-const IconButton = styled(MUIIconButton)({
-  borderRadius: BORDER_RADIUS,
-  backgroundColor: GREY,
-  '&:hover': {
-    backgroundColor: TEXT,
-  },
-  color: BLACK,
-});
+export type IconButtonProps = MUIIconButtonProps;
+
+const IconButton: FC<IconButtonProps> = ({
+  children,
+  sx,
+  ...iconButtonRestProps
+}) => (
+  <MUIIconButton
+    {...{
+      ...iconButtonRestProps,
+      sx: {
+        borderRadius: BORDER_RADIUS,
+        backgroundColor: GREY,
+        color: BLACK,
+
+        '&:hover': {
+          backgroundColor: TEXT,
+        },
+
+        ...sx,
+      },
+    }}
+  >
+    {children}
+  </MUIIconButton>
+);
 
 export default IconButton;

striker-ui/components/IconButton/index.tsx

@@ -1,3 +1,5 @@
-import IconButton from './IconButton';
+import IconButton, { IconButtonProps } from './IconButton';
+
+export type { IconButtonProps };
 
 export default IconButton;