/* eslint-disable import/no-deprecated -- This example documents the deprecated
 * ProgressBar component until it is removed or shimmed. */
import React from "react";
import { ProgressBar } from "@jobber/components-native";
import type { ProgressBarProps } from "@jobber/components-native";

type ProgressBarStoryArgs = Partial<
  Pick<
    ProgressBarProps,
    "current" | "total" | "inProgress" | "variation" | "size"
  >
>;

export function ProgressBarBasic(props: ProgressBarStoryArgs) {
  return (
    <ProgressBar
      current={props.current ?? 1}
      inProgress={props.inProgress}
      size={props.size}
      total={props.total ?? 5}
      variation={props.variation}
    />
  );
}