/**
 * @Move (SQPD)
 * Only used by the Forms module - move to Forms/
 */
import LinearProgress, {
  linearProgressClasses,
  LinearProgressProps,
} from '@material-hu/mui/LinearProgress';

type Props = LinearProgressProps;

const BorderLinearProgress = ({ sx, ...props }: Props) => (
  <LinearProgress
    {...props}
    sx={{
      ...sx,
      [`&.${linearProgressClasses.colorPrimary}`]: {
        backgroundColor: '#f0f0f0',
      },
      [`& .${linearProgressClasses.bar}`]: {
        // @ts-ignore
        borderRadius: sx?.borderRadius,
        // @ts-ignore
        backgroundColor: sx?.backgroundColor,
      },
    }}
  />
);

export default BorderLinearProgress;