fix(striker-ui): allow style overrides in Spinner

striker-ui/components/Spinner.tsx

@@ -1,28 +1,39 @@
-import { styled } from '@mui/material/styles';
+import { FC } from 'react';
-import { CircularProgress } from '@mui/material';
+import {
+  Box as MUIBox,
+  BoxProps as MUIBoxProps,
+  CircularProgress as MUICircularProgress,
+  circularProgressClasses as muiCircularProgressClasses,
+} from '@mui/material';
+
 import { TEXT } from '../lib/consts/DEFAULT_THEME';
 
-const PREFIX = 'Spinner';
+type SpinnerProps = MUIBoxProps;
 
-const classes = {
+const Spinner: FC<SpinnerProps> = (spinnerProps): JSX.Element => {
-  spinner: `${PREFIX}-spinner`,
+  const { sx, ...spinnerRestProps } = spinnerProps;
-};
 
-const StyledDiv = styled('div')(() => ({
+  return (
-  display: 'flex',
+    <MUIBox
+      {...{
+        ...spinnerRestProps,
+        sx: {
           alignItems: 'center',
+          display: 'flex',
           justifyContent: 'center',
           marginTop: '3em',
 
-  [`& .${classes.spinner}`]: {
+          [`& .${muiCircularProgressClasses.root}`]: {
             color: TEXT,
           },
-}));
 
-const Spinner = (): JSX.Element => (
+          ...sx,
-  <StyledDiv>
+        },
-    <CircularProgress variant="indeterminate" className={classes.spinner} />
+      }}
-  </StyledDiv>
+    >
+      <MUICircularProgress variant="indeterminate" />
+    </MUIBox>
   );
+};
 
 export default Spinner;