import { Box } from "@mui/material";
import { forwardRef } from "react";
import LinearProgressComponent from "./LinearProgress";

export interface FacebookCircularProgressProps {
  sx?: any;
  color?: string;
  size?: number;
  thickness?: number;
  fgColor?: string;
}

const FacebookCircularProgress = forwardRef(({ sx, color, fgColor }: FacebookCircularProgressProps, ref) => {
  return (
    <Box sx={{ display: "flex", justifyContent: "center", alignItems: "center", ...sx }} ref={ref}>
      <LinearProgressComponent color={color || fgColor} height={8} />
    </Box>
  );
});

export default FacebookCircularProgress;
