Implement stepper and progress bar

2026-02-02 11:24:47 -07:00
parent 9149883ae0
commit 462488ddce
13 changed files with 711 additions and 0 deletions
@@ -0,0 +1,24 @@
+"use client";
+
+import { memo } from "react";
+import { StepperView } from "./Stepper.view";
+import type { StepperProps } from "./Stepper.types";
+
+const StepperContainer = memo<StepperProps>(
+  ({ active = 1, totalSteps = 5, className = "" }) => {
+    const stepperClasses = `flex gap-[var(--spacing-scale-012)] items-center relative`;
+
+    return (
+      <StepperView
+        active={active}
+        totalSteps={totalSteps}
+        className={className}
+        stepperClasses={stepperClasses}
+      />
+    );
+  },
+);
+
+StepperContainer.displayName = "Stepper";
+
+export default StepperContainer;