function MainComponent() { const [quotes, setQuotes] = useState([]); const [currentView, setCurrentView] = useState("list"); const [searchTerm, setSearchTerm] = useState(""); const [currentQuote, setCurrentQuote] = useState(null); const [showPdfPreview, setShowPdfPreview] = useState(false); const mockQuotes = [ { id: 1, customerName: "株式会社テスト", amount: 1000000, status: "承認待ち", createdAt: "2024-01-15", details: "製品A: 500,000円\n製品B: 500,000円", pdfUrl: "/sample.pdf" }, { id: 2, customerName: "株式会社サンプル", amount: 2000000, status: "承認済み", createdAt: "2024-01-14", details: "製品C: 1,000,000円\n製品D: 1,000,000円", pdfUrl: "/sample.pdf" } ]; useEffect(()=>{ setQuotes(mockQuotes); }, []); const handleViewDetails = (quote)=>{ setCurrentQuote(quote); setCurrentView("detail"); }; const handleEdit = (quote)=>{ setCurrentQuote(quote); setCurrentView("edit"); }; const handleBack = ()=>{ setCurrentView("list"); setCurrentQuote(null); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f0f2f5]", __source: { fileName: "", lineNumber: 49, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex h-16 bg-[#2b579a] items-center px-4", __source: { fileName: "", lineNumber: 50, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-white font-roboto text-xl", __source: { fileName: "", lineNumber: 51, columnNumber: 9 }, __self: this }, "見積書管理システム")), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 54, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-sm p-4 mb-4", __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2", __source: { fileName: "", lineNumber: 57, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentView("list"), className: `px-4 py-2 rounded ${currentView === "list" ? "bg-[#2b579a] text-white" : "bg-gray-100"}`, __source: { fileName: "", lineNumber: 58, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-list mr-2", __source: { fileName: "", lineNumber: 66, columnNumber: 17 }, __self: this }), "一覧"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentView("new"), className: `px-4 py-2 rounded ${currentView === "new" ? "bg-[#2b579a] text-white" : "bg-gray-100"}`, __source: { fileName: "", lineNumber: 68, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus mr-2", __source: { fileName: "", lineNumber: 76, columnNumber: 17 }, __self: this }), "新規作成")), currentView === "list" && /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 80, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "search", placeholder: "検索...", className: "pl-10 pr-4 py-2 border rounded-lg", value: searchTerm, onChange: (e)=>setSearchTerm(e.target.value), __source: { fileName: "", lineNumber: 81, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-search absolute left-3 top-3 text-gray-400", __source: { fileName: "", lineNumber: 89, columnNumber: 17 }, __self: this })))), currentView === "list" ? /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-sm", __source: { fileName: "", lineNumber: 96, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "w-full", __source: { fileName: "", lineNumber: 97, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { className: "bg-gray-50", __source: { fileName: "", lineNumber: 98, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 99, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase", __source: { fileName: "", lineNumber: 100, columnNumber: 19 }, __self: this }, "見積番号"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase", __source: { fileName: "", lineNumber: 103, columnNumber: 19 }, __self: this }, "顧客名"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase", __source: { fileName: "", lineNumber: 106, columnNumber: 19 }, __self: this }, "金額"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase", __source: { fileName: "", lineNumber: 109, columnNumber: 19 }, __self: this }, "ステータス"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase", __source: { fileName: "", lineNumber: 112, columnNumber: 19 }, __self: this }, "作成日"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase", __source: { fileName: "", lineNumber: 115, columnNumber: 19 }, __self: this }, "操作"))), /*#__PURE__*/ React.createElement("tbody", { className: "divide-y divide-gray-200", __source: { fileName: "", lineNumber: 120, columnNumber: 15 }, __self: this }, quotes.map((quote)=>/*#__PURE__*/ React.createElement("tr", { key: quote.id, className: "hover:bg-gray-50", __source: { fileName: "", lineNumber: 122, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4", __source: { fileName: "", lineNumber: 123, columnNumber: 21 }, __self: this }, quote.id), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4", __source: { fileName: "", lineNumber: 124, columnNumber: 21 }, __self: this }, quote.customerName), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4", __source: { fileName: "", lineNumber: 125, columnNumber: 21 }, __self: this }, quote.amount.toLocaleString(), "円"), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4", __source: { fileName: "", lineNumber: 128, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: `px-2 py-1 rounded-full text-xs ${quote.status === "承認済み" ? "bg-green-100 text-green-800" : "bg-yellow-100 text-yellow-800"}`, __source: { fileName: "", lineNumber: 129, columnNumber: 23 }, __self: this }, quote.status)), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4", __source: { fileName: "", lineNumber: 139, columnNumber: 21 }, __self: this }, quote.createdAt), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4", __source: { fileName: "", lineNumber: 140, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleEdit(quote), className: "text-[#2b579a] hover:text-[#1b3b6f] mr-2", __source: { fileName: "", lineNumber: 141, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-edit", __source: { fileName: "", lineNumber: 145, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleViewDetails(quote), className: "text-[#2b579a] hover:text-[#1b3b6f] mr-2", __source: { fileName: "", lineNumber: 147, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-eye", __source: { fileName: "", lineNumber: 151, columnNumber: 25 }, __self: this })))))))) : currentView === "new" ? /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-sm p-6", __source: { fileName: "", lineNumber: 160, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-6", __source: { fileName: "", lineNumber: 161, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleBack, className: "mr-4", __source: { fileName: "", lineNumber: 162, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left text-[#2b579a]", __source: { fileName: "", lineNumber: 163, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-roboto", __source: { fileName: "", lineNumber: 165, columnNumber: 15 }, __self: this }, "新規見積書作成")), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", __source: { fileName: "", lineNumber: 167, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 168, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 169, columnNumber: 17 }, __self: this }, "顧客名"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "customerName", className: "mt-1 block w-full border rounded-md p-2", __source: { fileName: "", lineNumber: 172, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 178, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 179, columnNumber: 17 }, __self: this }, "見積金額"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "amount", className: "mt-1 block w-full border rounded-md p-2", __source: { fileName: "", lineNumber: 182, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 188, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 189, columnNumber: 17 }, __self: this }, "商品詳細"), /*#__PURE__*/ React.createElement("textarea", { name: "details", rows: "4", className: "mt-1 block w-full border rounded-md p-2", __source: { fileName: "", lineNumber: 192, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end space-x-2", __source: { fileName: "", lineNumber: 198, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", className: "px-4 py-2 bg-gray-100 rounded", __source: { fileName: "", lineNumber: 199, columnNumber: 17 }, __self: this }, "一時保存"), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-4 py-2 bg-[#2b579a] text-white rounded", __source: { fileName: "", lineNumber: 202, columnNumber: 17 }, __self: this }, "承認申請")))) : currentView === "detail" ? /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-sm p-6", __source: { fileName: "", lineNumber: 212, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-6", __source: { fileName: "", lineNumber: 213, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleBack, className: "mr-4", __source: { fileName: "", lineNumber: 214, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left text-[#2b579a]", __source: { fileName: "", lineNumber: 215, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-roboto", __source: { fileName: "", lineNumber: 217, columnNumber: 15 }, __self: this }, "見積書詳細")), currentQuote && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 220, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 221, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 222, columnNumber: 19 }, __self: this }, "顧客名:"), " ", currentQuote.customerName), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 224, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 225, columnNumber: 19 }, __self: this }, "見積金額:"), " ", currentQuote.amount.toLocaleString(), "円"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 228, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 229, columnNumber: 19 }, __self: this }, "商品詳細:"), " ", currentQuote.details), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 231, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 232, columnNumber: 19 }, __self: this }, "ステータス:"), " ", currentQuote.status), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 234, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 235, columnNumber: 19 }, __self: this }, "作成日:"), " ", currentQuote.createdAt), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowPdfPreview(true), className: "mt-4 px-4 py-2 bg-[#2b579a] text-white rounded", __source: { fileName: "", lineNumber: 237, columnNumber: 17 }, __self: this }, "PDFプレビュー"), showPdfPreview && /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 244, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("iframe", { src: currentQuote.pdfUrl, width: "100%", height: "500px", title: "PDF Preview", __source: { fileName: "", lineNumber: 245, columnNumber: 21 }, __self: this })))) : currentView === "edit" ? /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-sm p-6", __source: { fileName: "", lineNumber: 257, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-6", __source: { fileName: "", lineNumber: 258, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleBack, className: "mr-4", __source: { fileName: "", lineNumber: 259, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left text-[#2b579a]", __source: { fileName: "", lineNumber: 260, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-roboto", __source: { fileName: "", lineNumber: 262, columnNumber: 15 }, __self: this }, "見積書編集")), currentQuote && /*#__PURE__*/ React.createElement("form", { className: "space-y-4", __source: { fileName: "", lineNumber: 265, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 266, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 267, columnNumber: 19 }, __self: this }, "顧客名"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "customerName", defaultValue: currentQuote.customerName, className: "mt-1 block w-full border rounded-md p-2", __source: { fileName: "", lineNumber: 270, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 277, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 278, columnNumber: 19 }, __self: this }, "見積金額"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "amount", defaultValue: currentQuote.amount, className: "mt-1 block w-full border rounded-md p-2", __source: { fileName: "", lineNumber: 281, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 288, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 289, columnNumber: 19 }, __self: this }, "商品詳細"), /*#__PURE__*/ React.createElement("textarea", { name: "details", defaultValue: currentQuote.details, rows: "4", className: "mt-1 block w-full border rounded-md p-2", __source: { fileName: "", lineNumber: 292, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end space-x-2", __source: { fileName: "", lineNumber: 299, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", className: "px-4 py-2 bg-gray-100 rounded", __source: { fileName: "", lineNumber: 300, columnNumber: 19 }, __self: this }, "キャンセル"), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-4 py-2 bg-[#2b579a] text-white rounded", __source: { fileName: "", lineNumber: 306, columnNumber: 19 }, __self: this }, "保存")))) : null)); }