grabbit
13ce6ae442
- Add hardware fingerprinting with cross-platform support - Implement secure device registration flow with X.509 certificates - Add WebSocket real-time communication for device status - Create comprehensive device management dashboard - Establish zero-trust security architecture with multi-layer protection - Add database migrations for device registration entities - Implement Rust edge client with hardware identification - Add certificate management and automated provisioning system 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
29 lines
616 B
TypeScript
29 lines
616 B
TypeScript
import * as React from "react"
|
|
|
|
import { cn } from "@/lib/utils"
|
|
|
|
const Progress = React.forwardRef<
|
|
HTMLDivElement,
|
|
React.HTMLAttributes<HTMLDivElement> & {
|
|
value?: number
|
|
}
|
|
>(({ className, value = 0, ...props }, ref) => (
|
|
<div
|
|
ref={ref}
|
|
className={cn(
|
|
"relative h-4 w-full overflow-hidden rounded-full bg-gray-200",
|
|
className
|
|
)}
|
|
{...props}
|
|
>
|
|
<div
|
|
className="h-full w-full flex-1 bg-blue-600 transition-all"
|
|
style={{
|
|
transform: `translateX(-${100 - (value || 0)}%)`,
|
|
}}
|
|
/>
|
|
</div>
|
|
))
|
|
Progress.displayName = "Progress"
|
|
|
|
export { Progress } |