function MainComponent() { const [emailText, setEmailText] = React.useState(""); const [auditResult, setAuditResult] = React.useState(""); const handleAudit = async ()=>{ try { const response = await fetch('/audit-api', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ email: emailText }) }); const data = await response.json(); setAuditResult(data.auditResult); } catch (error) { console.error('Error during audit:', error); } }; return /*#__PURE__*/ React.createElement("div", { className: "container mx-auto p-4", __source: { fileName: "", lineNumber: 20, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "text-center mb-4", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold font-roboto", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, "メール監査アプリ")), /*#__PURE__*/ React.createElement("div", { className: "text-center mb-6", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold font-roboto", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, "メール監査画面")), /*#__PURE__*/ React.createElement("div", { className: "flex", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-1/3 p-2", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "emailText", className: "w-full h-[400px] p-2 border border-gray-300 rounded", value: emailText, onChange: (e)=>setEmailText(e.target.value), placeholder: "メール文面を入力してください", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-1/3 p-2 flex items-center justify-center", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "btn btn-primary", onClick: handleAudit, __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, "監査")), /*#__PURE__*/ React.createElement("div", { className: "w-1/3 p-2", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-[400px] p-2 border border-gray-300 rounded overflow-y-auto", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("pre", { className: "whitespace-pre-wrap", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, auditResult))))); }