function MainComponent({ settled, matchName, moneyLine, winner, eventDate, periodScore, betNo, acceptedStake, win }) { return /*#__PURE__*/ React.createElement("div", { className: "w-full overflow-x-scroll lg:overflow-visible", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "min-w-[1200px] grid grid-cols-9 gap-2 text-center", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-[#121212] py-2 px-4 bg-[#EEE]", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, settled), /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-[#121212] py-2 px-4", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, matchName), /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-[#121212] py-2 px-4", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, moneyLine), /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-[#121212] py-2 px-4", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, winner), /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-[#121212] py-2 px-4", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, eventDate), /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-[#121212] py-2 px-4", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, periodScore), /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-[#121212] py-2 px-4", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, betNo), /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-[#121212] py-2 px-4", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, acceptedStake), /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-[#121212] py-2 px-4 bg-[#EEE]", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, win))); } function StoryComponent() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 21, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { settled: "Mar 23, 2024, 2:06 AM", matchName: "Nikoloz Basilashvili (Sets) vs Marco Trungelliti (Sets)", moneyLine: "Money Line - Match - Sets - ATP Challenger Murcia - QF", winner: "Marco Trungelliti", eventDate: "Fri, Mar 22, 2024, 22:45", periodScore: "2 - 1", betNo: "#1952743717", acceptedStake: "1,000", win: "268", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { settled: "Mar 23, 2024, 2:06 AM", matchName: "Nikoloz Basilashvili (Sets) vs Marco Trungelliti (Sets)", moneyLine: "Money Line - Match - Sets - ATP Challenger Murcia - QF", winner: "LOSS", eventDate: "Mar 23, 2024, 12:10 AM", periodScore: "2 - 1", betNo: "#1952743717", acceptedStake: "1,000", win: "268", __source: { fileName: "", lineNumber: 33, columnNumber: 7 }, __self: this })); }