StyledBlackSpinner.tsx

import React from 'react'
import { withStyles } from '@material-ui/core/styles'
import MuiCircularProgress, {
  CircularProgressProps,
} from '@material-ui/core/CircularProgress'

const SpinnerBase = withStyles({
  root: {
    color: 'var(--black)',
  },
})(MuiCircularProgress)

type StyledSpinnerProps = CircularProgressProps

const StyledSpinner: React.ComponentType<StyledSpinnerProps> = ({
  ...props
}: StyledSpinnerProps) => {
  return <SpinnerBase {...props} />
}

export default StyledSpinner