/*#__PURE__*/ React.createElement("div", { className: "container mx-auto bg-gray-200", __source: { fileName: "", lineNumber: 1, columnNumber: 1 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-center", __source: { fileName: "", lineNumber: 2, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-2/3 bg-white rounded-lg shadow-lg p-6", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "mb-8", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2", htmlFor: "eventName", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, "Event Name"), /*#__PURE__*/ React.createElement("input", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", id: "eventName", type: "text", placeholder: "Enter Event Name", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2", htmlFor: "participant", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, "Participant"), /*#__PURE__*/ React.createElement("select", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", id: "participant", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, "Select Participant"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, "Team A"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, "Team B"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }, "Team C"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, "Add Friend"))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2", htmlFor: "amount", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, "Amount"), /*#__PURE__*/ React.createElement("input", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", id: "amount", type: "number", step: "0.01", placeholder: "Enter Amount", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-gray-500 hover:bg-gray-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline", type: "reset", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, "Clear"), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline", type: "submit", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, "Add Bet"))), /*#__PURE__*/ React.createElement("table", { className: "w-full", __source: { fileName: "", lineNumber: 58, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 59, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "py-2", __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, "Event Name"), /*#__PURE__*/ React.createElement("th", { className: "py-2", __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this }, "Participant"), /*#__PURE__*/ React.createElement("th", { className: "py-2", __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this }, "Amount"), /*#__PURE__*/ React.createElement("th", { className: "py-2", __source: { fileName: "", lineNumber: 64, columnNumber: 13 }, __self: this }, "Actions"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "py-2", __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }, "Football Game"), /*#__PURE__*/ React.createElement("td", { className: "py-2", __source: { fileName: "", lineNumber: 70, columnNumber: 13 }, __self: this }, "Team A"), /*#__PURE__*/ React.createElement("td", { className: "py-2", __source: { fileName: "", lineNumber: 71, columnNumber: 13 }, __self: this }, "100"), /*#__PURE__*/ React.createElement("td", { className: "py-2", __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-blue-500", __source: { fileName: "", lineNumber: 73, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-edit", __source: { fileName: "", lineNumber: 74, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "text-red-500", __source: { fileName: "", lineNumber: 76, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash", __source: { fileName: "", lineNumber: 77, columnNumber: 17 }, __self: this })))), /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 81, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "py-2", __source: { fileName: "", lineNumber: 82, columnNumber: 13 }, __self: this }, "Basketball Game"), /*#__PURE__*/ React.createElement("td", { className: "py-2", __source: { fileName: "", lineNumber: 83, columnNumber: 13 }, __self: this }, "Team B"), /*#__PURE__*/ React.createElement("td", { className: "py-2", __source: { fileName: "", lineNumber: 84, columnNumber: 13 }, __self: this }, "50"), /*#__PURE__*/ React.createElement("td", { className: "py-2", __source: { fileName: "", lineNumber: 85, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-blue-500", __source: { fileName: "", lineNumber: 86, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-edit", __source: { fileName: "", lineNumber: 87, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "text-red-500", __source: { fileName: "", lineNumber: 89, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash", __source: { fileName: "", lineNumber: 90, columnNumber: 17 }, __self: this })))), /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 94, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "py-2", __source: { fileName: "", lineNumber: 95, columnNumber: 13 }, __self: this }, "Soccer Game"), /*#__PURE__*/ React.createElement("td", { className: "py-2", __source: { fileName: "", lineNumber: 96, columnNumber: 13 }, __self: this }, "Team C"), /*#__PURE__*/ React.createElement("td", { className: "py-2", __source: { fileName: "", lineNumber: 97, columnNumber: 13 }, __self: this }, "75"), /*#__PURE__*/ React.createElement("td", { className: "py-2", __source: { fileName: "", lineNumber: 98, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-blue-500", __source: { fileName: "", lineNumber: 99, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-edit", __source: { fileName: "", lineNumber: 100, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "text-red-500", __source: { fileName: "", lineNumber: 102, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash", __source: { fileName: "", lineNumber: 103, columnNumber: 17 }, __self: this })))))))));

Event Name	Participant	Amount
Football Game	Team A	100
Basketball Game	Team B	50
Soccer Game	Team C	75