import { useState } from "react";
import { motion } from "framer-motion";
import { Button } from "@/components/ui/button";

const BugBattle = () => {
const [bugs, setBugs] = useState([
{ id: 1, name: "シナ", hp: 10 },
{ id: 2, name: "チャイナ", hp: 15 },
{ id: 3, name: "チュウキョウ", hp: 12 },
]);

const attackBug = (attackerId, targetId) => {
setBugs((prevBugs) =>
prevBugs.map((bug) =>
bug.id === targetId ? { ...bug, hp: Math.max(0, bug.hp - 5) } : bug
)
);
};

return (

);
};

export default BugBattle;