function MainComponent() { const [isMobileMenuOpen, setIsMobileMenuOpen] = React.useState(false); return /*#__PURE__*/ React.createElement("div", { className: "bg-[#e6f7ff]", __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-[#0050b3] shadow-md", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between h-16", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex", __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-shrink-0 flex items-center", __source: { fileName: "", lineNumber: 10, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/logo.png", alt: "Beveridge Strategic Solutions logo", className: "h-[50px] w-[50px]", __source: { fileName: "", lineNumber: 11, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-bold text-3xl text-black tracking-tight ml-3 self-center", __source: { fileName: "", lineNumber: 12, columnNumber: 17 }, __self: this }, "Beveridge Strategic Solutions"))), /*#__PURE__*/ React.createElement("div", { className: "hidden md:block", __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "ml-10 flex items-baseline space-x-4", __source: { fileName: "", lineNumber: 18, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center md:hidden", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsMobileMenuOpen(!isMobileMenuOpen), className: "inline-flex items-center justify-center p-2 rounded-md text-black hover:text-gray-300 hover:bg-[#0040a3] focus:outline-none focus:bg-[#0040a3] focus:text-gray-300 transition duration-150 ease-in-out", __source: { fileName: "", lineNumber: 22, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "sr-only", __source: { fileName: "", lineNumber: 26, columnNumber: 17 }, __self: this }, "Open main menu"), /*#__PURE__*/ React.createElement("i", { className: isMobileMenuOpen ? "fas fa-times" : "fas fa-bars", __source: { fileName: "", lineNumber: 27, columnNumber: 17 }, __self: this }))))), isMobileMenuOpen && /*#__PURE__*/ React.createElement("div", { className: "md:hidden", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "px-2 pt-2 pb-3 space-y-1 sm:px-3", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this })))); }