function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-between h-screen px-4 bg-white", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "flex justify-between w-full pt-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-sm font-roboto text-[#202124]", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, "Gmail"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-sm font-roboto text-[#202124]", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, "Images")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#70757a]", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-th", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", className: "rounded-full p-2 border border-transparent", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/profile-pic.png", alt: "User profile", className: "w-8 h-8 rounded-full", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center flex-grow", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/google-logo.png", alt: "Google logo", className: "w-[272px] h-[92px] my-8", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center w-full max-w-[584px] mb-4", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { name: "search", type: "text", className: "w-full h-[44px] pl-5 pr-12 border border-[#dfe1e5] rounded-full shadow-sm focus:outline-none focus:ring-2 focus:ring-[#4285f4] focus:border-transparent", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { "aria-label": "Search by voice", className: "flex items-center justify-center w-10 h-10 -ml-10 rounded-full bg-[#f8f9fa] hover:bg-[#f1f3f4]", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-microphone text-[#5f6368]", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { "aria-label": "Search with Google Lens", className: "flex items-center justify-center w-10 h-10 -ml-[40px] rounded-full bg-[#f8f9fa] hover:bg-[#f1f3f4]", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-camera text-[#5f6368]", __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center space-x-4", __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "px-5 py-2 border border-[#f8f9fa] rounded-md shadow-sm font-roboto text-[#202124] bg-[#f8f9fa] hover:bg-[#f1f3f4]", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, "Google Search"), /*#__PURE__*/ React.createElement("button", { className: "px-5 py-2 border border-[#f8f9fa] rounded-md shadow-sm font-roboto text-[#202124] bg-[#f8f9fa] hover:bg-[#f1f3f4]", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, "I'm Feeling Lucky")), /*#__PURE__*/ React.createElement("p", { className: "text-sm mt-4 font-roboto text-[#70757a]", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, "Google offered in:", /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#1a0dab]", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, " العربية"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#1a0dab]", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, " Français"))), /*#__PURE__*/ React.createElement("footer", { className: "w-full py-3 border-t border-[#dadce0]", __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm font-roboto text-[#70757a]", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, "Tunisia")))); }