29 lines
761 B
TypeScript
29 lines
761 B
TypeScript
|
import { cn } from '@/lib/utils';
|
||
|
|
|
||
|
|
interface ProgressBarProps {
|
||
|
|
className?: string;
|
||
|
|
onClick?: () => void;
|
||
|
|
}
|
||
|
|
|
||
|
|
export default function ProgressBar({
|
||
|
|
className,
|
||
|
|
onClick
|
||
|
|
}: ProgressBarProps) {
|
||
|
|
return (
|
||
|
|
<div
|
||
|
|
className={cn(
|
||
|
|
"bg-black border-4 border-gray-800 rounded-lg",
|
||
|
|
"shadow-2xl shadow-red-500/20 cursor-pointer",
|
||
|
|
"transition-all duration-300",
|
||
|
|
"hover:shadow-red-500/40 hover:border-red-600",
|
||
|
|
"p-8 text-center",
|
||
|
|
className
|
||
|
|
)}
|
||
|
|
onClick={onClick}
|
||
|
|
>
|
||
|
|
<div className="text-red-500 text-2xl font-mono tracking-wide">
|
||
|
|
PROGRESS BAR
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|