function MainComponent({ events }) { return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, events.map((event, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-white shadow rounded-lg p-4 mb-4", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, event.title), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, event.date), /*#__PURE__*/ React.createElement("p", { className: "text-sm mt-2", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, event.description), /*#__PURE__*/ React.createElement("a", { href: event.companyLink, className: "text-blue-500 mt-2 inline-block", target: "_blank", rel: "noreferrer", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, "企業マイページ"), /*#__PURE__*/ React.createElement("button", { className: "mt-2 text-sm text-red-500", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, "編集"), /*#__PURE__*/ React.createElement("button", { className: "mt-2 text-sm text-red-500 mx-2", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, "削除")))); } function StoryComponent() { const sampleEvents = [ { title: "面接", date: "2023-11-10 10:00", description: "会社Aのエンジニア職面接", companyLink: "https://companyA.com" }, { title: "説明会", date: "2023-11-11 14:00", description: "会社Bの説明会", companyLink: "https://companyB.com" } ]; return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 46, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { events: sampleEvents, __source: { fileName: "", lineNumber: 47, columnNumber: 7 }, __self: this })); }