function MainComponent({ data }) { return /*#__PURE__*/ React.createElement("div", { className: "overflow-x-auto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "w-full text-left", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { className: "bg-[#e6e6ff] font-semibold text-[#121212]", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "py-4 px-6 text-sm", __source: { fileName: "", lineNumber: 7, columnNumber: 13 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("th", { className: "py-4 px-6 text-sm", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, "Account Name"), /*#__PURE__*/ React.createElement("th", { className: "py-4 px-6 text-sm", __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this }, "Phone number"), /*#__PURE__*/ React.createElement("th", { className: "py-4 px-6 text-sm", __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }, "Address"), /*#__PURE__*/ React.createElement("th", { className: "py-4 px-6", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("tbody", { className: "text-sm text-[#121212]", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, data.map((row, index)=>/*#__PURE__*/ React.createElement("tr", { key: index, className: "border-b", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "py-4 px-6", __source: { fileName: "", lineNumber: 17, columnNumber: 15 }, __self: this }, row.email), /*#__PURE__*/ React.createElement("td", { className: "py-4 px-6", __source: { fileName: "", lineNumber: 18, columnNumber: 15 }, __self: this }, row.accountName), /*#__PURE__*/ React.createElement("td", { className: "py-4 px-6", __source: { fileName: "", lineNumber: 19, columnNumber: 15 }, __self: this }, row.phoneNumber), /*#__PURE__*/ React.createElement("td", { className: "py-4 px-6", __source: { fileName: "", lineNumber: 20, columnNumber: 15 }, __self: this }, row.address), /*#__PURE__*/ React.createElement("td", { className: "py-4 px-6 flex justify-end items-center", __source: { fileName: "", lineNumber: 21, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-[#bebada] hover:text-[#a6b1e1] mr-3", __source: { fileName: "", lineNumber: 22, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-info-circle fa-lg", __source: { fileName: "", lineNumber: 23, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "text-[#bebada] hover:text-[#a6b1e1]", __source: { fileName: "", lineNumber: 25, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-pencil-alt fa-lg", __source: { fileName: "", lineNumber: 26, columnNumber: 19 }, __self: this })))))))); } function StoryComponent() { const data = [ { email: "sakirarajp@yahoo.co.jp", accountName: "lplplp", phoneNumber: "08031980707", address: "kokook" }, { email: "enriquecl97@outlook.com", accountName: "persona", phoneNumber: "07033339999", address: "Akasaka, 1chome, 234" }, { email: "testproposer@gmail.com", accountName: "テストユーザー", phoneNumber: "08041282222", address: "兵庫県神戸市" } ]; return /*#__PURE__*/ React.createElement("div", { className: "p-8", __source: { fileName: "", lineNumber: 60, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { data: data, __source: { fileName: "", lineNumber: 61, columnNumber: 7 }, __self: this })); }

Email	Account Name	Phone number	Address
sakirarajp@yahoo.co.jp	lplplp	08031980707	kokook
enriquecl97@outlook.com	persona	07033339999	Akasaka, 1chome, 234
testproposer@gmail.com	テストユーザー	08041282222	兵庫県神戸市