function MainComponent() { const [selectedTab, setSelectedTab] = React.useState("自己PR"); const handleTabClick = (tabName)=>{ setSelectedTab(tabName); }; const handleSubmit = async ()=>{ const content = document.querySelector('textarea[name="content"]').value; const industry = document.querySelector('select[name="industry"]').value; const requestBody = { content, industry, section: selectedTab }; console.log('Submitting:', requestBody); }; return /*#__PURE__*/ React.createElement("div", { className: "bg-[#4A74B3] min-h-screen p-4 flex flex-col items-center justify-center", __source: { fileName: "", lineNumber: 22, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl text-[#FFFFFF] font-bold mb-4", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, "イールック"), /*#__PURE__*/ React.createElement("select", { className: "bg-[#FFFFFF] text-[#333333] p-2 mb-4 w-full max-w-md", name: "industry", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("option", { disabled: true, selected: true, __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, "業界を選択してください")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-center gap-2 mb-4", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: `p-2 ${selectedTab === "自己PR" ? "bg-[#FFD700]" : "bg-[#E0E0E0]"} text-[#333333]`, onClick: ()=>handleTabClick("自己PR"), __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, "自己PR"), /*#__PURE__*/ React.createElement("button", { className: `p-2 ${selectedTab === "志望動機" ? "bg-[#FFD700]" : "bg-[#E0E0E0]"} text-[#333333]`, onClick: ()=>handleTabClick("志望動機"), __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, "志望動機"), /*#__PURE__*/ React.createElement("button", { className: `p-2 ${selectedTab === "ガクチカ" ? "bg-[#FFD700]" : "bg-[#E0E0E0]"} text-[#333333]`, onClick: ()=>handleTabClick("ガクチカ"), __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, "ガクチカ"), /*#__PURE__*/ React.createElement("button", { className: `p-2 ${selectedTab === "長所短所" ? "bg-[#FFD700]" : "bg-[#E0E0E0]"} text-[#333333]`, onClick: ()=>handleTabClick("長所短所"), __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, "長所短所")), /*#__PURE__*/ React.createElement("textarea", { className: "bg-[#FFFFFF] border-2 border-[#CCCCCC] p-2 mb-4 w-full max-w-lg", name: "content", placeholder: "こちらに内容を入力してください", __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-[#FF4500] text-[#FFFFFF] rounded-lg p-3 w-full max-w-xs hover:bg-[#C71585]", onClick: handleSubmit, __source: { fileName: "", lineNumber: 48, columnNumber: 7 }, __self: this }, "添削する")); }