function MainComponent() { const [team1Name, setTeam1Name] = React.useState(''); const [team2Name, setTeam2Name] = React.useState(''); const [raiderTime, setRaiderTime] = React.useState(0); const [defensiveTime, setDefensiveTime] = React.useState(0); const [matchTime, setMatchTime] = React.useState(0); const [loading, setLoading] = React.useState(false); const [rules, setRules] = React.useState(''); const handleChange = (setter)=>(e)=>{ setter(e.target.value); }; const formatTime = (time)=>{ const minutes = String(Math.floor(time / 60)).padStart(2, '0'); const seconds = String(time % 60).padStart(2, '0'); return `${minutes}:${seconds}`; }; const fetchRules = ()=>{ setLoading(true); fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: 'user', content: 'Provide the rules and regulations for Kabaddi' } ] }) }).then((response)=>response.json()).then((data)=>{ setRules(data.choices[0].message.content); setLoading(false); }); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center w-full h-full bg-[#ff4c4c] p-4 font-roboto space-y-4 animate-kabaddi-bg", __source: { fileName: "", lineNumber: 39, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-center", __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }, "Kabaddi Scoring Platform"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4 w-full", __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "team1", placeholder: "Enter Team 1 Name", value: team1Name, onChange: handleChange(setTeam1Name), className: "w-[200px] p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "team2", placeholder: "Enter Team 2 Name", value: team2Name, onChange: handleChange(setTeam2Name), className: "w-[200px] p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 51, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-around w-full", __source: { fileName: "", lineNumber: 61, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/team1.png", alt: `Logo of ${team1Name || 'Team 1'}`, className: "w-[100px] h-[100px]", __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "font-bold text-xl text-center", __source: { fileName: "", lineNumber: 63, columnNumber: 9 }, __self: this }, "VS"), /*#__PURE__*/ React.createElement("img", { src: "/team2.png", alt: `Logo of ${team2Name || 'Team 2'}`, className: "w-[100px] h-[100px]", __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4 w-full", __source: { fileName: "", lineNumber: 67, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center w-1/2 p-4 bg-white border border-gray-200 rounded", __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold", __source: { fileName: "", lineNumber: 69, columnNumber: 11 }, __self: this }, "Raider Timer"), /*#__PURE__*/ React.createElement("div", { className: "text-3xl font-bold", __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this }, formatTime(raiderTime))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center w-1/2 p-4 bg-white border border-gray-200 rounded", __source: { fileName: "", lineNumber: 72, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold", __source: { fileName: "", lineNumber: 73, columnNumber: 11 }, __self: this }, "Defensive Record"), /*#__PURE__*/ React.createElement("div", { className: "text-3xl font-bold", __source: { fileName: "", lineNumber: 74, columnNumber: 11 }, __self: this }, formatTime(defensiveTime)))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center w-full p-4 bg-white border border-gray-200 rounded", __source: { fileName: "", lineNumber: 78, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold", __source: { fileName: "", lineNumber: 79, columnNumber: 9 }, __self: this }, "Match Timer"), /*#__PURE__*/ React.createElement("div", { className: "text-3xl font-bold", __source: { fileName: "", lineNumber: 80, columnNumber: 9 }, __self: this }, formatTime(matchTime))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center w-full p-4 bg-white border border-gray-200 rounded", __source: { fileName: "", lineNumber: 83, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold text-green-500", __source: { fileName: "", lineNumber: 84, columnNumber: 9 }, __self: this }, "Team Appreciation"), /*#__PURE__*/ React.createElement("div", { className: "text-lg font-bold", __source: { fileName: "", lineNumber: 85, columnNumber: 9 }, __self: this }, "Great Job Team ", team1Name && team2Name ? `${team1Name} & ${team2Name}` : '', "!")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center w-full p-4 bg-white border border-gray-200 rounded", __source: { fileName: "", lineNumber: 88, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold", __source: { fileName: "", lineNumber: 89, columnNumber: 9 }, __self: this }, "Game Rules and Regulations"), /*#__PURE__*/ React.createElement("button", { onClick: fetchRules, className: "p-2 bg-blue-500 text-white rounded", __source: { fileName: "", lineNumber: 90, columnNumber: 9 }, __self: this }, loading ? 'Loading...' : 'Get Rules'), /*#__PURE__*/ React.createElement("p", { className: "text-center mt-4", __source: { fileName: "", lineNumber: 93, columnNumber: 9 }, __self: this }, rules)), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 96, columnNumber: 7 }, __self: this }, ` @keyframes kabaddiBackground { 0% { background-color: #ff4c4c; } 50% { background-color: #ff9999; } 100% { background-color: #ff4c4c; } } .animate-kabaddi-bg { animation: kabaddiBackground 3s infinite; } `)); }