import React from "react";
import { Progress, ProgressBar } from "../../";

export default (
  <div className="m-5">
    <Progress>
      <ProgressBar value={0} />
    </Progress>
    <Progress className="mt-5">
      <ProgressBar value={25} />
    </Progress>
    <Progress className="mt-5">
      <ProgressBar value={50} />
    </Progress>
    <Progress className="mt-5">
      <ProgressBar value={75} />
    </Progress>
    <Progress className="mt-5">
      <ProgressBar value={100} />
    </Progress>
    <Progress className="mt-5">
      <ProgressBar value={25}>{"25 %"}</ProgressBar>
    </Progress>
    <Progress className="mt-5" height={1}>
      <ProgressBar value={25} />
    </Progress>
    <Progress className="mt-5" height={40}>
      <ProgressBar value={25} />
    </Progress>
  </div>
);
