"use strict";(self.webpackChunkelite_events_nextjs=self.webpackChunkelite_events_nextjs||[]).push([[3594],{"./src/components/layout/Header/Header.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,MobileView:()=>MobileView,StickyHeader:()=>StickyHeader,TabletView:()=>TabletView,WithSession:()=>WithSession,WithoutSession:()=>WithoutSession,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/jsx-runtime.js"),_index__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/components/layout/Header/index.tsx");const MockCartProvider=({children})=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment,{children}),__WEBPACK_DEFAULT_EXPORT__={title:"Layout/Header",component:_index__WEBPACK_IMPORTED_MODULE_1__.A,parameters:{layout:"fullscreen",docs:{description:{component:"\nThe main header component for the application. Features include:\n- Responsive navigation with mobile menu\n- Product search with autocomplete\n- User account management\n- Notification bell with real-time updates (logged-in users only)\n- Shopping cart display\n- Category dropdown\n- Sticky header on scroll\n\n**Note:** Some interactive features may have limited functionality in Storybook due to API dependencies.\n        "}}},tags:["autodocs"],decorators:[Story=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(MockCartProvider,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"min-h-screen",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(Story,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"pt-32 px-4",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"max-w-[1170px] mx-auto",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h1",{className:"text-3xl font-bold mb-4",children:"Page Content"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("p",{className:"text-gray-600 mb-4",children:"This is example page content to show how the header appears with page content below it. The header is sticky and will remain visible as you scroll."}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"space-y-4",children:Array.from({length:20}).map((_,i)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("p",{className:"text-gray-600",children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."},i))})]})})]})})]},Default={},WithoutSession={parameters:{docs:{description:{story:"Header displayed when user is not logged in. Shows 'Sign In' link."}}}},WithSession={decorators:[Story=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(Story,{})})],parameters:{docs:{description:{story:"Header displayed when user is logged in. Shows user account dropdown."}}}},MobileView={parameters:{viewport:{defaultViewport:"mobile1"},docs:{description:{story:"Header on mobile viewport showing hamburger menu and responsive layout."}}}},TabletView={parameters:{viewport:{defaultViewport:"tablet"},docs:{description:{story:"Header on tablet viewport."}}}},StickyHeader={decorators:[Story=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(MockCartProvider,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{style:{height:"200vh"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(Story,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"pt-32 px-4",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"max-w-[1170px] mx-auto",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"bg-yellow-50 border-2 border-yellow-400 rounded-lg p-6 mb-8",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("p",{className:"font-semibold text-yellow-800 mb-2",children:"Scroll down to see the sticky header effect!"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("p",{className:"text-yellow-700 text-sm",children:"The header will remain fixed at the top of the viewport as you scroll, and will show a shadow for better visibility."})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h1",{className:"text-3xl font-bold mb-4",children:"Scroll to Test Sticky Header"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"space-y-4",children:Array.from({length:50}).map((_,i)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("p",{className:"text-gray-600",children:["Section ",i+1,": Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."]},i))})]})})]})})],parameters:{docs:{description:{story:"Scroll down to see the header stick to the top with a shadow effect."}}}},__namedExportsOrder=["Default","WithoutSession","WithSession","MobileView","TabletView","StickyHeader"]}}]);