import { useState } from "react";

const ideas = [
  // Real startup ideas
  { text: "AI-generated legal contracts for crypto startups", real: true },
  { text: "Robot lawnmowers as a subscription service", real: true },
  { text: "Virtual pets that evolve based on your sleep data", real: true },
  { text: "Voice AI for fast-food drive-thrus", real: true },
  { text: "Augmented reality glasses for remote workers", real: true },
  { text: "No-code tool for creating online escape rooms", real: true },
  { text: "Real-time dashboards for goat farm analytics", real: true },
  { text: "A Slack bot that manages your company memes", real: true },
  { text: "Subscription boxes for biodegradable cleaning products", real: true },
  { text: "An app that helps you quit apps", real: true },
  // Add more real ideas here...

  // Nonsense startup ideas
  { text: "Decentralized soup reviews on the blockchain", real: false },
  { text: "AI therapist for haunted houses", real: false },
  { text: "Smart socks that tweet your foot pressure", real: false },
  { text: "VR yoga with underwater raccoons", real: false },
  { text: "An app that matches you with compatible ghosts", real: false },
  { text: "Predictive analytics for sandwich cravings", real: false },
  { text: "Metaverse therapy for confused pigeons", real: false },
  { text: "NFTs of your grandma's lasagna recipe", real: false },
  { text: "AI-powered hat recommendations based on your aura", real: false },
  { text: "Robot janitors that only clean when no one is looking", real: false },
  // Add more nonsense ideas here...
];

const getRandomIdea = (prevIndex) => {
  let index = Math.floor(Math.random() * ideas.length);
  while (index === prevIndex) index = Math.floor(Math.random() * ideas.length);
  return [ideas[index], index];
};

export default function StartupIdeaGame() {
  const [current, setCurrent] = useState(() => getRandomIdea(-1));
  const [result, setResult] = useState(null);

  const handleGuess = (guess) => {
    const [idea] = current;
    if (guess === idea.real) {
      setResult("✅ Correct!");
    } else {
      setResult("❌ Nope. Try again.");
    }
  };

  const handleNext = () => {
    setResult(null);
    setCurrent(getRandomIdea(current[1]));
  };

  return (
    <div className="min-h-screen flex flex-col items-center justify-center bg-orange-50 text-slate-900 p-6">
      <div className="bg-white rounded-2xl shadow-2xl p-8 max-w-xl w-full text-center">
        <h1 className="text-3xl font-extrabold mb-6">Startup Idea or Nonsense?</h1>
        <p className="text-xl italic mb-8">“{current[0].text}”</p>
        <div className="flex justify-center gap-6 mb-4">
          <button onClick={() => handleGuess(true)} className="px-6 py-3 rounded-full bg-green-500 text-white hover:bg-green-600">Real Startup</button>
          <button onClick={() => handleGuess(false)} className="px-6 py-3 rounded-full bg-red-500 text-white hover:bg-red-600">Nonsense</button>
        </div>
        {result && <div className="text-lg font-semibold mb-4">{result}</div>}
        <button onClick={handleNext} className="text-sm underline text-blue-500">Next Idea</button>
      </div>
    </div>
  );
}