import React from "react";
import IndeterminateProgress from "../IndeterminateProgress";
import {
  CircularProgressProps,
  IndeterminateProgressProps,
  ValueProgressProps,
} from "../ProgressCommon";
import { CircularProgress as CircularProgressComponent } from "./CircularProgress";
import { withTheme } from "@draftbit/theme";

const CircularProgress: React.FC<
  ValueProgressProps & IndeterminateProgressProps & CircularProgressProps
> = (props) => {
  if (props.indeterminate) {
    return (
      <IndeterminateProgress
        ProgressComponent={
          CircularProgressComponent as React.FunctionComponent<ValueProgressProps>
        }
        {...props}
      />
    );
  } else {
    return <CircularProgressComponent {...props} />;
  }
};

export default withTheme(CircularProgress);