Vertical Stepper

"use client";

import React from "react";
import { VerticalStepper } from "@/subframe/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}
      >
        <span className="text-caption font-caption text-subtext-color">
          3/4 seats remaining
        </span>
      </VerticalStepper.Step>
      <VerticalStepper.Step
        stepNumber="3"
        label="Start building"
        lastStep={true}
      />
    </VerticalStepper>
  );
}

export default VerticalStepperExample;