function MainComponent({ platform, onAddAccount, onEdit, onDelete, onPost, onUpload, postTemplates, isPosting, isLoggedIn, postHistory }) { const handleFileUpload = (event)=>{ const file = event.target.files[0]; onUpload(file); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center p-4", __source: { fileName: "", lineNumber: 8, columnNumber: 5 }, __self: this }, !isLoggedIn ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-blue-500 text-white rounded-lg shadow hover:bg-blue-600 transition-all", onClick: onAddAccount, __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, "アカウント追加")) : /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { className: "border border-gray-300 rounded p-2 w-full", placeholder: `${platform}に投稿`, name: "postContent", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "file", className: "block w-full text-sm text-gray-500 file:mr-4 file:py-2 file:px-4 file:rounded file:border-0 file:text-sm file:font-semibold file:bg-violet-50 file:text-violet-700 hover:file:bg-violet-100", onChange: handleFileUpload, __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: `px-4 py-2 ${isPosting ? "bg-gray-500" : "bg-green-500"} text-white rounded-lg shadow hover:bg-green-600 transition-all`, onClick: onPost, disabled: isPosting, __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, "投稿する"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2 justify-start", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, postTemplates.map((template, index)=>/*#__PURE__*/ React.createElement("button", { key: index, className: "px-2 py-1 bg-indigo-500 text-white rounded shadow hover:bg-indigo-600 transition-all", onClick: ()=>onPost(template), __source: { fileName: "", lineNumber: 20, columnNumber: 15 }, __self: this }, template.slice(0, 10), "..."))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between w-full", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "px-2 py-1 bg-yellow-500 text-white rounded shadow hover:bg-yellow-600 transition-all", onClick: onEdit, __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, "編集"), /*#__PURE__*/ React.createElement("button", { className: "px-2 py-1 bg-red-500 text-white rounded shadow hover:bg-red-600 transition-all", onClick: onDelete, __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, "削除")), postHistory.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "border-t border-gray-300 pt-4", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 29, columnNumber: 15 }, __self: this }, "投稿履歴:"), postHistory.map((post, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex items-center justify-between border-b border-gray-200 py-2", __source: { fileName: "", lineNumber: 31, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-600 text-sm", __source: { fileName: "", lineNumber: 32, columnNumber: 19 }, __self: this }, post.content.slice(0, 20), "..."), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 33, columnNumber: 19 }, __self: this }, post.platforms.map((icon, iconIndex)=>/*#__PURE__*/ React.createElement("i", { key: iconIndex, className: `fa fa-${icon} text-xl mr-2`, __source: { fileName: "", lineNumber: 35, columnNumber: 23 }, __self: this })))))))); } function StoryComponent() { const handleAddAccount = ()=>console.log("Add account initiated"); const handleEdit = ()=>console.log("Edit account initiated"); const handleDelete = ()=>console.log("Delete account initiated"); const handlePost = (template)=>{ if (template) { console.log("Template Post initiated", template); } else { console.log("Post initiated"); } }; const handleUpload = (file)=>console.log("File uploaded:", file.name); const postTemplates = [ 'テンプレート1の内容', 'テンプレート2の内容' ]; const postHistory = [ { content: '最初の投稿内容', platforms: [ 'instagram', 'facebook' ] }, { content: '二番目の投稿内容', platforms: [ 'twitter' ] } ]; return /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 p-4", __source: { fileName: "", lineNumber: 68, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { platform: "インスタグラム", onAddAccount: handleAddAccount, onEdit: handleEdit, onDelete: handleDelete, onPost: handlePost, onUpload: handleUpload, postTemplates: postTemplates, isPosting: false, isLoggedIn: true, postHistory: postHistory, __source: { fileName: "", lineNumber: 69, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { platform: "Twitter", onAddAccount: handleAddAccount, onEdit: handleEdit, onDelete: handleDelete, onPost: handlePost, onUpload: handleUpload, postTemplates: postTemplates, isPosting: false, isLoggedIn: true, postHistory: postHistory, __source: { fileName: "", lineNumber: 70, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { platform: "Facebook", onAddAccount: handleAddAccount, onEdit: handleEdit, onDelete: handleDelete, onPost: handlePost, onUpload: handleUpload, postTemplates: postTemplates, isPosting: true, isLoggedIn: true, postHistory: postHistory, __source: { fileName: "", lineNumber: 71, columnNumber: 7 }, __self: this })); }