function GenderButton({ children }) { return /*#__PURE__*/ React.createElement("button", { className: "bg-purple-300 p-4 rounded inline-block font-bold", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, children); } function GenderButtonStory() { return /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(GenderButton, { __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, "男女")); } "use client"; function MainComponent() { const [genderName, setGenderName] = useState({ 男: "", 女: "" }); const handleInputChange = (event, gender)=>{ const { value } = event.target; setGenderName((prevState)=>({ ...prevState, [gender]: value })); // APIを呼び出してキャラクターブックのタグを更新する updateCharacterBookTag(gender, value); }; const updateCharacterBookTag = async (gender, name)=>{ try { const response = await axios.post("https://api.your-ai-no-verist-endpoint.com/update-tag", { gender: gender, name: name }, { headers: { Authorization: `Bearer YOUR_API_KEY`, "Content-Type": "application/json" } }); if (response.status === 200) { console.log("タグの更新に成功しました！"); } else { console.error("タグの更新に失敗しました。"); } } catch (error) { console.error("タグの更新中にエラーが発生しました：", error); } }; return /*#__PURE__*/ React.createElement("div", { className: "p-4 font-crimson-text", __source: { fileName: "", lineNumber: 42, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "flex justify-between items-center border-b pb-2", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-[36px] text-pink-500", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, "Love AI"), /*#__PURE__*/ React.createElement("nav", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-purple-300 p-2 rounded", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, "男女"), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-300 p-2 rounded", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, "BL"), /*#__PURE__*/ React.createElement("button", { className: "bg-pink-300 p-2 rounded", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, "GL"), /*#__PURE__*/ React.createElement("button", { className: "bg-yellow-300 p-2 rounded", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, "もっと自由"))), /*#__PURE__*/ React.createElement("section", { className: "mt-4", __source: { fileName: "", lineNumber: 53, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-[24px]", __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this }, "シチュエーション設定"), /*#__PURE__*/ React.createElement("div", { className: "border mt-2 p-4 h-[400px]", __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, "タグ一覧"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 mt-2", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, "提案のAVや女性向けコンテンツサイトなどを網羅にタグを設置し、選ぶようにする")), /*#__PURE__*/ React.createElement("textarea", { className: "w-full mt-2 h-[100px] border p-2", placeholder: "自由記述欄", name: "situationNotes", __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("section", { className: "mt-4", __source: { fileName: "", lineNumber: 68, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-[24px]", __source: { fileName: "", lineNumber: 69, columnNumber: 9 }, __self: this }, "人物設定"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row space-y-4 md:space-y-0 md:space-x-4", __source: { fileName: "", lineNumber: 70, columnNumber: 9 }, __self: this }, [ "男", "女" ].map((gender)=>/*#__PURE__*/ React.createElement("div", { key: gender, className: "border p-4 flex-1", __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 73, columnNumber: 15 }, __self: this }, gender), /*#__PURE__*/ React.createElement("div", { className: "mt-2", __source: { fileName: "", lineNumber: 74, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 75, columnNumber: 17 }, __self: this }, "タグ一覧")), /*#__PURE__*/ React.createElement("textarea", { className: "w-full mt-2 h-[60px] border p-2", placeholder: "自由記述欄", name: `${gender}Notes`, __source: { fileName: "", lineNumber: 77, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex items-center mt-2", __source: { fileName: "", lineNumber: 82, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", className: "mr-2", __source: { fileName: "", lineNumber: 83, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 84, columnNumber: 17 }, __self: this }, "おまかせ"), /*#__PURE__*/ React.createElement("input", { type: "text", className: "ml-4 p-2 border flex-1", placeholder: "呼び方", name: `${gender}Name`, __source: { fileName: "", lineNumber: 85, columnNumber: 17 }, __self: this })))))), /*#__PURE__*/ React.createElement("section", { className: "mt-4 border-t pt-4", __source: { fileName: "", lineNumber: 97, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-[24px]", __source: { fileName: "", lineNumber: 98, columnNumber: 9 }, __self: this }, "NGワード"), /*#__PURE__*/ React.createElement("textarea", { className: "w-full mt-2 h-[200px] border p-2", placeholder: "小説が表示されるところ", name: "novelDisplay", __source: { fileName: "", lineNumber: 99, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "mt-4 bg-blue-500 text-white p-2 rounded", __source: { fileName: "", lineNumber: 104, columnNumber: 9 }, __self: this }, "ENTER"))); }