/*#__PURE__*/ React.createElement("div", { className: "flex flex-col min-h-screen bg-[#f4f7f6]", __source: { fileName: "", lineNumber: 1, columnNumber: 1 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#1a1a2e] p-6", __source: { fileName: "", lineNumber: 2, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-epilogue text-3xl text-[#e94560]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, "AI Image Descriptor & Search")), /*#__PURE__*/ React.createElement("main", { className: "flex-grow p-6", __source: { fileName: "", lineNumber: 5, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "mb-8", __source: { fileName: "", lineNumber: 6, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-epilogue text-2xl text-[#16213e] mb-4", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, "Image Upload"), /*#__PURE__*/ React.createElement("p", { className: "font-barlow text-[#121212] mb-4", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, "Upload an image and the AI will describe its contents."), /*#__PURE__*/ React.createElement("input", { type: "file", name: "imageUpload", id: "imageUpload", accept: "image/*", className: "mb-4", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "imageUpload", className: "bg-[#0f3460] text-white font-barlow px-4 py-2 cursor-pointer", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, "Upload Image")), /*#__PURE__*/ React.createElement("section", { className: "mb-8", __source: { fileName: "", lineNumber: 12, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-epilogue text-2xl text-[#16213e] mb-4", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, "Description"), /*#__PURE__*/ React.createElement("p", { className: "font-barlow text-[#121212] mb-4", id: "imageDescription", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, "No image uploaded. Please upload an image to receive a description.")), /*#__PURE__*/ React.createElement("section", { className: "mb-8", __source: { fileName: "", lineNumber: 16, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-epilogue text-2xl text-[#16213e] mb-4", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, "Actions"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#e94560] text-white font-barlow px-4 py-2 mr-4", id: "describeButton", onClick: implementGPT4, __source: { fileName: "", lineNumber: 18, columnNumber: 8 }, __self: this }, "Describe Image with GPT-4 Vision"), /*#__PURE__*/ React.createElement("a", { href: "https://www.google.com/searchbyimage?image_url=", target: "_blank", className: "bg-[#0f3460] text-white font-barlow px-4 py-2", id: "googleSearchButton", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, "Google Description"))));