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,23 @@
+"use client";
+
+import { memo } from "react";
+import { ProportionBarView } from "./ProportionBar.view";
+import type { ProportionBarProps } from "./ProportionBar.types";
+
+const ProportionBarContainer = memo<ProportionBarProps>(
+  ({ progress = "3-2", className = "" }) => {
+    const barClasses = `h-[8px] relative w-full`;
+
+    return (
+      <ProportionBarView
+        progress={progress}
+        className={className}
+        barClasses={barClasses}
+      />
+    );
+  },
+);
+
+ProportionBarContainer.displayName = "ProportionBar";
+
+export default ProportionBarContainer;