Update proportion bar component

2026-02-06 14:33:25 -07:00
parent 162fdf94db
commit 85ff3b8f01
15 changed files with 125 additions and 161 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;