function MainComponent() { const teamAScore = 0; const teamBScore = 0; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-gradient-to-br from-[#593C1F] to-[#A67C52]", __source: { fileName: "", lineNumber: 6, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center w-full max-w-4xl p-5 bg-[#F0EBD8] rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-[#111111] font-epilogue mb-4", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, "Basketball Game Scoreboard"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between w-full", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold text-[#111111] font-epilogue mb-2", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, "Team A"), /*#__PURE__*/ React.createElement("div", { className: "text-5xl font-bold text-[#D61C4E] font-epilogue", id: "scoreA", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, teamAScore)), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold text-[#111111] font-epilogue mb-2", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, "Team B"), /*#__PURE__*/ React.createElement("div", { className: "text-5xl font-bold text-[#00529B] font-epilogue", id: "scoreB", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, teamBScore))), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-6 mt-6", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#D61C4E] text-white font-epilogue py-3 px-6 rounded-lg focus:outline-none hover:bg-[#C4123F]", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, "Score Point Team A"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#00529B] text-white font-epilogue py-3 px-6 rounded-lg focus:outline-none hover:bg-[#003E7E]", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, "Score Point Team B")))); }