function MainComponent() { const [highScore, setHighScore] = React.useState(120); const [playerName, setPlayerName] = React.useState("John Doe"); return /*#__PURE__*/ React.createElement("div", { className: "bg-[#f0f0f0] min-h-screen flex justify-center items-center", __source: { fileName: "", lineNumber: 6, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-lg rounded-lg overflow-hidden w-[90%] max-w-[500px]", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "px-8 py-5 bg-[#fafafa] text-center", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-bold text-2xl text-[#333]", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, "Kantan Game")), /*#__PURE__*/ React.createElement("div", { className: "px-8 py-5", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-center font-medium text-lg mb-4", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, "Easy to play, hard to master."), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mb-4", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#007bff] text-white font-medium py-2 px-4 rounded hover:bg-[#0056b3]", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, "Start Game")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-trophy text-[#ffcc00] text-2xl mr-2", __source: { fileName: "", lineNumber: 20, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 21, columnNumber: 15 }, __self: this }, "High Score: ", highScore)), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-user text-[#007bff] text-2xl mr-2", __source: { fileName: "", lineNumber: 24, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 25, columnNumber: 15 }, __self: this }, "Player: ", playerName)))))); }