function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "bg-[#7f7f7f] p-4 md:p-8 w-full md:w-[600px] lg:w-[800px] mx-auto rounded-lg shadow-lg shadow-[#474747]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-mono text-[#ebebeb] text-center text-xl mb-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "Image Search"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center bg-[#a8a8a8] rounded overflow-hidden", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "search", placeholder: "Search images...", className: "w-full p-2 text-black", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "p-2 bg-[#333333] text-white", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-search", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 md:grid-cols-3 gap-4 p-4", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#c4c4c4] rounded-lg overflow-hidden", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://via.placeholder.com/150", alt: "Placeholder of searched image", className: "w-full h-auto", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-2 text-sm", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#000000] hover:text-[#555555]", __source: { fileName: "", lineNumber: 17, columnNumber: 15 }, __self: this }, "Image Title Her"))))); }