function MainComponent({ titles, data }) { return /*#__PURE__*/ React.createElement("div", { className: "shadow-lg rounded-md border border-[#EAECF0]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "w-full", __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: "text-left text-[#475467] bg-[#F9FAFB] font-inter font-medium text-[12px] p-4", __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, className: "border-b border-[#EAECF0]", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, rowData.map((cellData, cellIndex)=>/*#__PURE__*/ React.createElement("td", { key: cellIndex, className: "text-[#475467] font-inter text-[12px] py-4 pl-4 pr-2", __source: { fileName: "", lineNumber: 16, columnNumber: 17 }, __self: this }, cellData))))))); } function StoryComponent() { const titles = [ "Name", "Role", "Status" ]; const data = [ [ "John Doe", "Admin", "Active" ], [ "Jane Smith", "Moderator", "Inactive" ], [ "John Appleseed", "User", "Active" ], [ "Steve Jobs", "CEO", "Active" ] ]; return /*#__PURE__*/ React.createElement("div", { className: "p-8", __source: { fileName: "", lineNumber: 36, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { titles: titles, data: data, __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this })); }

Name	Role	Status
John Doe	Admin	Active
Jane Smith	Moderator	Inactive
John Appleseed	User	Active
Steve Jobs	CEO	Active