/*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center h-screen", __source: { fileName: "", lineNumber: 1, columnNumber: 1 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-100 p-8 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 2, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "flex flex-col items-center space-y-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "image", className: "text-lg font-bold", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "Upload Image"), /*#__PURE__*/ React.createElement("input", { type: "file", id: "image", accept: "image/*", className: "p-2 border border-gray-300 rounded-md", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "style", className: "text-lg font-bold", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, "Select Style"), /*#__PURE__*/ React.createElement("select", { id: "style", className: "p-2 border border-gray-300 rounded-md", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "style1", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, "Style 1"), /*#__PURE__*/ React.createElement("option", { value: "style2", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, "Style 2"), /*#__PURE__*/ React.createElement("option", { value: "style3", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, "Style 3")), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-4 py-2 bg-blue-500 text-white rounded-lg shadow", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, "Apply Style"))));