function MainComponent({ showErrorModal, showVirusPopup, errorMessage, onFileChange, onFileUpload, onCloseModal }) { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center w-full max-w-md mx-auto p-4 border border-gray-300 rounded-md shadow-md bg-white", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-bold text-xl mb-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "ファイルアップロード"), /*#__PURE__*/ React.createElement("input", { type: "file", name: "file", className: "mb-4", onChange: onFileChange, accept: ".txt,.docx,.pdf,.mp4,.wav,.doc,.xlsx", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white px-4 py-2 rounded-md hover:bg-blue-600", onClick: onFileUpload, __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, "アップロード"), showErrorModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-md shadow-lg", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-red-500", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, errorMessage), /*#__PURE__*/ React.createElement("button", { className: "mt-2 bg-red-500 text-white px-4 py-2 rounded-md hover:bg-red-600", onClick: onCloseModal, __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, "閉じる"))), showVirusPopup && /*#__PURE__*/ React.createElement("div", { className: "fixed bottom-4 right-4 bg-black text-white p-2 rounded-md opacity-90 z-50", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, "ウイルスが検出されました")); } function StoryComponent() { return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(MainComponent, { showErrorModal: true, showVirusPopup: false, errorMessage: "サポートしていない拡張子です。", onFileChange: ()=>{}, onFileUpload: ()=>{}, onCloseModal: ()=>{}, __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { showErrorModal: true, showVirusPopup: false, errorMessage: "ファイルサイズが1GBを超えています。", onFileChange: ()=>{}, onFileUpload: ()=>{}, onCloseModal: ()=>{}, __source: { fileName: "", lineNumber: 51, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { showErrorModal: false, showVirusPopup: true, errorMessage: "", onFileChange: ()=>{}, onFileUpload: ()=>{}, onCloseModal: ()=>{}, __source: { fileName: "", lineNumber: 59, columnNumber: 7 }, __self: this })); }