function MainComponent() { const [entry, setEntry] = React.useState(""); const handleSubmit = (event)=>{ event.preventDefault(); setEntry(event.target.diaryEntry.value); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col h-screen justify-between", __source: { fileName: "", lineNumber: 10, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "text-center p-4 bg-[#f0f0f0]", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-roboto", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, "🌏CarbonCalcApp")), /*#__PURE__*/ React.createElement("main", { className: "flex-grow flex items-center justify-center", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, entry === "" ? /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "w-1/2", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "diaryEntry", className: "w-full h-64 p-4 bg-white border border-gray-200 resize-none", placeholder: "今日の出来事を入力してください", __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mt-4", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-4 py-2 rounded bg-[#4C956C] text-white hover:bg-[#3b6b50]", __source: { fileName: "", lineNumber: 23, columnNumber: 15 }, __self: this }, "送信"))) : /*#__PURE__*/ React.createElement("div", { className: "relative text-center w-1/2", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[100px]", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, "🌏"), /*#__PURE__*/ React.createElement("div", { className: "absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-2xl font-roboto", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, entry))), /*#__PURE__*/ React.createElement("footer", { className: "text-center p-4 bg-[#f0f0f0]", __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, "©️2024 endotaishi"))); }