function MainComponent() { const [textInput, setTextInput] = React.useState(""); const [generatedImage, setGeneratedImage] = React.useState(null); const [sliderValue, setSliderValue] = React.useState(1); const [imageSize, setImageSize] = React.useState(400); const [imageCount, setImageCount] = React.useState(1); const [loraModel, setLoraModel] = React.useState(""); const generateImage = ()=>{ setGeneratedImage(`/path/to/generated-image?text=${textInput}&model=${loraModel}&weight=${sliderValue}&size=${imageSize}&count=${imageCount}`); }; const rerollImage = ()=>{ generateImage(); }; const loraOptions = [ { label: 'モデル1', value: 'model1' }, { label: 'モデル2', value: 'model2' } ]; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center p-6", __source: { fileName: "", lineNumber: 23, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold mb-4 font-crimson-text", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, "画像生成ツール"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "textInput", value: textInput, onChange: (e)=>setTextInput(e.target.value), className: "border-2 border-gray-300 p-2 mb-4 font-roboto", placeholder: "テキストを入力してください", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("select", { name: "loraModel", value: loraModel, onChange: (e)=>setLoraModel(e.target.value), className: "border-2 border-gray-300 p-2 mb-4 font-roboto", __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, "Loraモデルを選択してください"), loraOptions.map((option)=>/*#__PURE__*/ React.createElement("option", { key: option.value, value: option.value, __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }, option.label))), /*#__PURE__*/ React.createElement("input", { type: "range", name: "sliderWeight", min: "0", max: "2", step: "0.1", value: sliderValue, onChange: (e)=>setSliderValue(e.target.value), className: "mb-4", __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "mb-4 font-roboto", __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }, "現在のLoraウェイト: ", sliderValue), /*#__PURE__*/ React.createElement("input", { type: "number", name: "imageSize", value: imageSize, onChange: (e)=>setImageSize(e.target.value), className: "border-2 border-gray-300 p-2 mb-4 font-roboto", placeholder: "画像サイズを入力してください", __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "number", name: "imageCount", value: imageCount, onChange: (e)=>setImageCount(e.target.value), className: "border-2 border-gray-300 p-2 mb-4 font-roboto", placeholder: "生成枚数を入力してください", __source: { fileName: "", lineNumber: 66, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: generateImage, className: "bg-blue-500 text-white px-4 py-2 font-roboto mb-4", __source: { fileName: "", lineNumber: 74, columnNumber: 9 }, __self: this }, "画像を生成"), /*#__PURE__*/ React.createElement("button", { onClick: rerollImage, className: "bg-green-500 text-white px-4 py-2 font-roboto", __source: { fileName: "", lineNumber: 80, columnNumber: 9 }, __self: this }, "再生成")), generatedImage && /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center mt-6 w-full", __source: { fileName: "", lineNumber: 88, columnNumber: 9 }, __self: this }, Array.from({ length: imageCount }).map((_, index)=>/*#__PURE__*/ React.createElement("img", { key: index, src: generatedImage, alt: `生成された画像 ${index + 1}`, className: "w-full", style: { height: `${imageSize}px` }, __source: { fileName: "", lineNumber: 90, columnNumber: 13 }, __self: this })))); }