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

const LinearProgress: React.FC<
  ValueProgressProps & IndeterminateProgressProps
> = (props) => {
  if (props.indeterminate) {
    return (
      <IndeterminateProgress
        ProgressComponent={LinearProgressComponent}
        {...props}
      />
    );
  } else {
    return <LinearProgressComponent {...props} />;
  }
};

export default withTheme(LinearProgress);