Spaces:
Running
on
CPU Upgrade
Running
on
CPU Upgrade
'use client' | |
import * as React from 'react' | |
import * as ProgressPrimitive from '@radix-ui/react-progress' | |
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-stone-100 dark:bg-stone-800', | |
className | |
)} | |
{...props} | |
> | |
<ProgressPrimitive.Indicator | |
className="h-full w-full flex-1 bg-stone-900 transition-all dark:bg-stone-50" | |
style={{ transform: `translateX(-${100 - (value || 0)}%)` }} | |
/> | |
</ProgressPrimitive.Root> | |
)) | |
Progress.displayName = ProgressPrimitive.Root.displayName | |
export { Progress } | |