Derez Timer

1"use client";
2 
3import type * as React from "react";
4import { cn } from "@/lib/utils";
5 
6interface DerezTimerProps extends React.HTMLAttributes<HTMLDivElement> {
7  milliseconds?: number;
8  minutes: number;
9  seconds: number;
10}
11 
12export function DerezTimer({
13  minutes,
14  seconds,
15  milliseconds = 0,
16  className,
17  ...props
18}: DerezTimerProps) {
19  return (
20    <div
21      data-slot="tron-derez-timer"
22      className={cn(
23        "inline-flex flex-col items-end rounded border border-primary/30 bg-primary/10 px-4 py-2",
24        className
25      )}
26      {...props}
27    >
28      <div className="text-[10px] text-primary/70 uppercase tracking-widest">
29        TIME TO DE-RESOLUTION
30      </div>
31      <div className="flex items-baseline">
32        <span className="glow-text font-bold font-mono text-4xl text-primary tracking-wider">
33          {String(minutes).padStart(2, "0")}:{String(seconds).padStart(2, "0")}
34        </span>
35        {milliseconds > 0 && (
36          <span className="ml-1 font-mono text-lg text-primary/70">
37            -{String(milliseconds).padStart(2, "0")}
38          </span>
39        )}
40      </div>
41    </div>
42  );
43}