Untitled

import { useState } from "react";
import { Button } from "@/components/ui/button";
import { Card, CardContent } from "@/components/ui/card";

export default function InfiniteMoneyGame() {
  const [money, setMoney] = useState(Infinity);
  const [items, setItems] = useState([]);

  const buyItem = (item) => {
    setItems([...items, item]);
  };

  return (
    <div className="p-6 text-center">
      <h1 className="text-3xl font-bold">💰 Infinite Money Game 💰</h1>
      <p className="text-xl mt-2">Money: ∞</p>
      <div className="mt-4 grid grid-cols-3 gap-4">
        {["Mansion", "Private Jet", "Luxury Car", "Island", "Rocket Ship"].map(
          (item, index) => (
            <Card key={index} className="p-4 cursor-pointer" onClick={() => buyItem(item)}>
              <CardContent className="text-lg font-semibold">Buy {item}</CardContent>
            </Card>
          )
        )}
      </div>
      <h2 className="text-2xl font-bold mt-6">Your Purchases:</h2>
      <ul className="text-lg">
        {items.length > 0 ? items.map((item, index) => <li key={index}>{item}</li>) : <p>Buy something!</p>}
      </ul>
    </div>
  );
}