Vertical Stepper

"use client";

import React from "react";
import { VerticalStepper } from "@/ui/components/VerticalStepper";

function VerticalStepperExample() {
  return (
    <VerticalStepper>
      <VerticalStepper.Step
        variant="completed"
        stepNumber="1"
        label="Create account"
        firstStep={true}
      />
      <VerticalStepper.Step
        variant="active"
        stepNumber="2"
        label="Invite team"
        firstStep={false}
      />
      <VerticalStepper.Step
        stepNumber="3"
        label="Start building"
        lastStep={true}
      />
    </VerticalStepper>
  );
}

export default VerticalStepperExample;