function MainComponent() { const [darkMode, setDarkMode] = useState(false); return /*#__PURE__*/ React.createElement("div", { className: `w-full ${darkMode ? "bg-neutral-900" : "bg-white"}`, __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between h-16", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/logo.png", alt: "Company logo", className: "h-8 w-auto", __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "hidden md:flex items-center space-x-4", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/pricing", className: `font-roboto ${darkMode ? "text-neutral-200" : "text-neutral-600"} hover:text-neutral-400`, __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this }, "Pricing"), /*#__PURE__*/ React.createElement("button", { className: `font-roboto px-4 py-2 rounded-lg ${darkMode ? "bg-neutral-100 text-neutral-900 hover:bg-neutral-200" : "bg-neutral-900 text-white hover:bg-neutral-700"}`, __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, "Start Building"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setDarkMode(!darkMode), className: "text-xl", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fa-regular ${darkMode ? "fa-sun" : "fa-moon"}`, __source: { fileName: "", lineNumber: 29, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex md:hidden items-center space-x-4", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: `font-roboto px-4 py-2 rounded-lg ${darkMode ? "bg-neutral-100 text-neutral-900 hover:bg-neutral-200" : "bg-neutral-900 text-white hover:bg-neutral-700"}`, __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, "Start Building"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setDarkMode(!darkMode), className: "text-xl", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fa-regular ${darkMode ? "fa-sun" : "fa-moon"}`, __source: { fileName: "", lineNumber: 46, columnNumber: 15 }, __self: this })))))); } function StoryComponent() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 59, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { __source: { fileName: "", lineNumber: 60, columnNumber: 7 }, __self: this })); }