function MainComponent() { const [generatedImage, setGeneratedImage] = React.useState(''); const handleSubmit = async (event)=>{ event.preventDefault(); const formData = new FormData(event.target); // Assuming an API call is made here to generate the image with formData // This is a placeholder for the generated image URL const imageURL = "generated-image-url.jpg"; setGeneratedImage(imageURL); }; const handleDownloadImage = ()=>{ const link = document.createElement('a'); link.href = generatedImage; link.download = 'generatedImage.jpg'; document.body.appendChild(link); link.click(); document.body.removeChild(link); }; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto", __source: { fileName: "", lineNumber: 23, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("select", { name: "style", className: "w-full", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, "実写風かアニメ風か"), /*#__PURE__*/ React.createElement("option", { value: "realistic", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, "実写風"), /*#__PURE__*/ React.createElement("option", { value: "anime", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, "アニメ風")), /*#__PURE__*/ React.createElement("select", { name: "hair", className: "w-full", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, "髪の色や髪型"), /*#__PURE__*/ React.createElement("option", { value: "black_short", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, "黒髪・ショート"), /*#__PURE__*/ React.createElement("option", { value: "blonde_long", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, "金髪・ロング")), /*#__PURE__*/ React.createElement("select", { name: "expression", className: "w-full", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, "表情"), /*#__PURE__*/ React.createElement("option", { value: "happy", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, "笑顔"), /*#__PURE__*/ React.createElement("option", { value: "sad", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, "悲しい")), /*#__PURE__*/ React.createElement("select", { name: "outfit", className: "w-full", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, "服装"), /*#__PURE__*/ React.createElement("option", { value: "casual", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, "カジュアル"), /*#__PURE__*/ React.createElement("option", { value: "formal", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, "フォーマル")), /*#__PURE__*/ React.createElement("select", { name: "pose", className: "w-full", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, "ポーズ"), /*#__PURE__*/ React.createElement("option", { value: "standing", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, "立っている"), /*#__PURE__*/ React.createElement("option", { value: "sitting", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, "座っている")), /*#__PURE__*/ React.createElement("select", { name: "background", className: "w-full", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, "背景"), /*#__PURE__*/ React.createElement("option", { value: "city", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, "都市"), /*#__PURE__*/ React.createElement("option", { value: "nature", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, "自然")), /*#__PURE__*/ React.createElement("select", { name: "faceAtmosphere", className: "w-full", __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, "顔の雰囲気"), /*#__PURE__*/ React.createElement("option", { value: "friendly", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, "フレンドリー"), /*#__PURE__*/ React.createElement("option", { value: "mysterious", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, "ミステリアス")), /*#__PURE__*/ React.createElement("select", { name: "bodyType", className: "w-full", __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, "体型"), /*#__PURE__*/ React.createElement("option", { value: "slim", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, "スリム"), /*#__PURE__*/ React.createElement("option", { value: "muscular", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }, "筋肉質")), /*#__PURE__*/ React.createElement("select", { name: "gender", className: "w-full", __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, "性別"), /*#__PURE__*/ React.createElement("option", { value: "female", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }, "女性"), /*#__PURE__*/ React.createElement("option", { value: "male", __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }, "男性")), /*#__PURE__*/ React.createElement("select", { name: "age", className: "w-full", __source: { fileName: "", lineNumber: 70, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }, "年齢"), /*#__PURE__*/ React.createElement("option", { value: "young", __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this }, "若い"), /*#__PURE__*/ React.createElement("option", { value: "adult", __source: { fileName: "", lineNumber: 73, columnNumber: 11 }, __self: this }, "大人")), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-500 text-white py-2 px-4 rounded", __source: { fileName: "", lineNumber: 75, columnNumber: 9 }, __self: this }, "生成")), generatedImage && /*#__PURE__*/ React.createElement("div", { className: "my-4", __source: { fileName: "", lineNumber: 78, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: generatedImage, alt: "Generated NSFW Image by Stable Diffusion", className: "w-[300px]", __source: { fileName: "", lineNumber: 79, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleDownloadImage, className: "bg-green-500 text-white py-2 px-4 rounded mt-4", __source: { fileName: "", lineNumber: 80, columnNumber: 11 }, __self: this }, "ダウンロード"))); }