/* eslint-disable */
// Countdown timer widget — used on landing + dashboard

const CountdownTimer = ({ label, daysAway }) => {
  const base = "text-center py-6 bg-gradient-to-r from-blue-50 to-indigo-50 dark:from-gray-800 dark:to-gray-700 rounded-lg";
  if (daysAway === null || daysAway === undefined) {
    return (
      <div className={base}>
        <p className="text-gray-600 dark:text-gray-300 text-sm font-medium">{label}</p>
        <p className="text-gray-400 dark:text-gray-500 mt-2 text-sm">No date set</p>
      </div>
    );
  }
  if (daysAway === 0) {
    return (
      <div className={base}>
        <p className="text-2xl font-bold text-green-600 dark:text-green-400">Today! 🎉</p>
        <p className="text-gray-600 dark:text-gray-300 mt-1">{label}</p>
      </div>
    );
  }
  return (
    <div className={base}>
      <p className="text-gray-600 dark:text-gray-300 text-sm font-medium">{label}</p>
      <p className="text-4xl font-bold text-blue-600 dark:text-blue-400 mt-2">{daysAway}</p>
      <p className="text-gray-600 dark:text-gray-300 mt-1">{daysAway === 1 ? "day" : "days"} away</p>
    </div>
  );
};

window.CountdownTimer = CountdownTimer;