function MainComponent({ titles, data }) { return /*#__PURE__*/ React.createElement("div", { className: "shadow-md rounded-lg border border-[#EAECF0]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "w-full border-collapse", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, titles.map((title, index)=>/*#__PURE__*/ React.createElement("th", { key: index, className: "bg-[#F9FAFB] text-left text-[#475467] font-inter font-medium text-[12px] p-2", __source: { fileName: "", lineNumber: 8, columnNumber: 15 }, __self: this }, title)))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, data.map((rowData, rowIndex)=>/*#__PURE__*/ React.createElement("tr", { key: rowIndex, __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, rowData.map((cellData, cellIndex)=>/*#__PURE__*/ React.createElement("td", { key: cellIndex, className: "text-[#475467] font-inter font-normal text-[12px] p-2 border-t border-[#EAECF0]", __source: { fileName: "", lineNumber: 16, columnNumber: 17 }, __self: this }, cellData))))))); } function StoryComponent() { const titles = [ "Team", "ATS", "Totals", "Moneyline" ]; const data = [ [ "Team A", "+3.5", "Over 45.5", "-150" ], [ "Team B", "-3.5", "Under 45.5", "+130" ] ]; return /*#__PURE__*/ React.createElement("div", { className: "p-8", __source: { fileName: "", lineNumber: 34, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { titles: titles, data: data, __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this })); }

Team	ATS	Totals	Moneyline
Team A	+3.5	Over 45.5	-150
Team B	-3.5	Under 45.5	+130