function MainComponent() { const [gender, setGender] = React.useState('Auto'); return /*#__PURE__*/ React.createElement("div", { className: "bg-[#4a4a4a] min-h-screen p-8 font-roboto", __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mb-8", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-black text-[#fbbd24] p-2 rounded-full inline-flex items-center space-x-2 shadow-lg", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: `flex-1 px-4 py-2 ${gender === 'Female' ? 'bg-[#fbbd24] text-black font-bold' : 'text-[#fbbd24]'} rounded-full`, onClick: ()=>setGender('Female'), __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-venus", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }), " Female"), /*#__PURE__*/ React.createElement("button", { className: `flex-1 px-4 py-2 ${gender === 'Auto' ? 'bg-[#fbbd24] text-black font-bold' : 'text-[#fbbd24]'} rounded-full`, onClick: ()=>setGender('Auto'), __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, "Auto"), /*#__PURE__*/ React.createElement("button", { className: `flex-1 px-4 py-2 ${gender === 'Male' ? 'bg-[#fbbd24] text-black font-bold' : 'text-[#fbbd24]'} rounded-full`, onClick: ()=>setGender('Male'), __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-mars", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }), " Male"))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-black w-full h-[500px] md:h-[700px] flex flex-col items-center justify-center border-4 border-dashed border-[#fbbd24] rounded-2xl shadow-lg", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "mb-4 text-[#fbbd24]", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, "Upload photo to undress"), /*#__PURE__*/ React.createElement("input", { type: "file", className: "hidden", id: "uploadInput", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "uploadInput", className: "bg-[#fbbd24] text-black py-2 px-4 rounded-full font-bold cursor-pointer", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, "Choose file")), /*#__PURE__*/ React.createElement("div", { className: "bg-black w-full h-[500px] md:h-[700px] rounded-2xl shadow-lg border-4 border-dashed border-[#fbbd24]", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }))); } function StoryComponent() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 50, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { __source: { fileName: "", lineNumber: 51, columnNumber: 7 }, __self: this })); }