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>
    );
}