Mathis
1c42b6a4b6
Rearranged import orders for better visibility and readability. Also, cleaned up some of the typescript and JSX by adding appropriate line breaks and spaces, and ensuring the use of semicolons for better punctuation.
29 lines
770 B
TypeScript
29 lines
770 B
TypeScript
"use client";
|
|
|
|
import * as ProgressPrimitive from "@radix-ui/react-progress";
|
|
import * as React from "react";
|
|
|
|
import { cn } from "@/lib/utils";
|
|
|
|
const Progress = React.forwardRef<
|
|
React.ElementRef<typeof ProgressPrimitive.Root>,
|
|
React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>
|
|
>(({ className, value, ...props }, ref) => (
|
|
<ProgressPrimitive.Root
|
|
ref={ref}
|
|
className={cn(
|
|
"relative h-4 w-full overflow-hidden rounded-full bg-secondary",
|
|
className,
|
|
)}
|
|
{...props}
|
|
>
|
|
<ProgressPrimitive.Indicator
|
|
className="h-full w-full flex-1 bg-primary transition-all"
|
|
style={{ transform: `translateX(-${100 - (value || 0)}%)` }}
|
|
/>
|
|
</ProgressPrimitive.Root>
|
|
));
|
|
Progress.displayName = ProgressPrimitive.Root.displayName;
|
|
|
|
export { Progress };
|