function MainComponent() { const [output, setOutput] = useState(''); const [error, setError] = useState(''); const code = ` const searchDisplayTrendData = [ { name: "2023年5月", "博多マルイ店": 66548, "六本松本館": 6019 }, { name: "2024年4月", "博多マルイ店": 2428, "六本松本館": 1981 }, ]; console.log(searchDisplayTrendData); `; const runCode = async ()=>{ const response = await fetch('/integrations/code-runner/', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ code: code, language: 'javascript' }) }); const result = await response.json(); setOutput(result.stdout); setError(result.stderr); }; return /*#__PURE__*/ React.createElement("div", { className: "bg-white", __source: { fileName: "", lineNumber: 31, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center h-screen bg-gradient-to-r from-blue-500 to-purple-600 text-white p-4", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold mb-4", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, "Google マップ運用分析レポート"), /*#__PURE__*/ React.createElement("p", { className: "text-xl", __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, "期間：2023年6月～ 2024年5月"), /*#__PURE__*/ React.createElement("p", { className: "text-xl", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, "対象店舗：博多マルイ店、六本松本館")), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, "主要検索キーワードの順位推移（博多マルイ店）"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-100 p-4 rounded-lg", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-semibold", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }, "福岡占い"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }, "1位 → 2位")), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-100 p-4 rounded-lg", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-semibold", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, "占い師福岡"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, "1位 → 2位"))), /*#__PURE__*/ React.createElement("p", { className: "mt-4 text-sm text-gray-600", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, "※ 順位は博多駅エリアでの順位を示しています")), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 51, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }, "検索→表示の合計数推移"), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white p-2 mb-4", onClick: runCode, __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, "Run Code"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }, output && /*#__PURE__*/ React.createElement("pre", { className: "bg-gray-100 p-4 rounded-lg", __source: { fileName: "", lineNumber: 57, columnNumber: 22 }, __self: this }, output), error && /*#__PURE__*/ React.createElement("pre", { className: "bg-red-100 p-4 rounded-lg text-red-500", __source: { fileName: "", lineNumber: 58, columnNumber: 21 }, __self: this }, error)), /*#__PURE__*/ React.createElement("div", { className: "w-full h-[300px]", __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }))); }