adilallo
30 lines
714 B
TypeScript
30 lines
714 B
TypeScript
"use client";
|
|
|
|
/**
|
|
* Figma: "Progress / Bar" (17861-33241)
|
|
*/
|
|
|
|
import { memo } from "react";
|
|
import { ProportionBarView } from "./ProportionBar.view";
|
|
import type { ProportionBarProps } from "./ProportionBar.types";
|
|
|
|
const ProportionBarContainer = memo<ProportionBarProps>(
|
|
({ progress = "3-2", className = "", variant: variantProp }) => {
|
|
const variant = variantProp ?? "default";
|
|
const barClasses = `h-[8px] relative w-full`;
|
|
|
|
return (
|
|
<ProportionBarView
|
|
progress={progress}
|
|
className={className}
|
|
barClasses={barClasses}
|
|
variant={variant}
|
|
/>
|
|
);
|
|
},
|
|
);
|
|
|
|
ProportionBarContainer.displayName = "ProportionBar";
|
|
|
|
export default ProportionBarContainer;
|