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

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

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

export default FacebookCircularProgress;