"use client";

import { useTranslations } from "next-intl";

interface PreMarketTimerProps {
  value: string | null; // MM:SS formatted time
}

export default function PreMarketTimer({ value }: PreMarketTimerProps) {
  const t = useTranslations("YEARLY_AUCTION_LIVE");

  if (!value) return null;

  return (
    <div className="bg-slate-50 border border-slate-200 rounded-lg px-4 py-3 text-center">
      <div className="text-xs text-slate-600 mb-1">
        {t("pre_market_timer_title")}
      </div>
      <div className="text-2xl font-mono font-bold text-slate-800 tracking-wider">
        {value}
      </div>
    </div>
  );
}