import React, { useState, useEffect, useRef } from 'react'; import { Crosshair, Heart, Zap, Target } from 'lucide-react';

const FreeFireBattleGame = () => {

const canvasRef = useRef(null);

const [gameState, setGameState] = useState('menu'); // menu, playing, gameover

const [player, setPlayer] = useState({ x: 400, y: 300, health: 100, ammo: 30 });

const [enemies, setEnemies] = useState([]);

const [bullets, setBullets] = useState([]);

const [score, setScore] = useState(0);

const [keys, setKeys] = useState({});