"use strict";(self.webpackChunkelite_events_nextjs=self.webpackChunkelite_events_nextjs||[]).push([[1230],{"./src/components/layout/Footer/Footer.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DarkMode:()=>DarkMode,Default:()=>Default,MobileView:()=>MobileView,TabletView:()=>TabletView,WithPageContext:()=>WithPageContext,__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");const __WEBPACK_DEFAULT_EXPORT__={title:"Layout/Footer",component:__webpack_require__("./src/components/layout/Footer/index.tsx").A,parameters:{layout:"fullscreen",docs:{description:{component:"\nSite footer with unified gray background containing:\n- Brand section with tagline and social links\n- Quick Links navigation\n- Account links\n- Contact information\n- Copyright and legal links\n\nFeatures:\n- Responsive 4-column grid layout (1 col mobile, 2 col tablet, 4 col desktop)\n- Consistent gray background throughout\n- Subtle border separations\n- Dark mode support\n        "}}},tags:["autodocs"]},Default={},WithPageContext={decorators:[Story=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"min-h-screen flex flex-col",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"flex-1 bg-white dark:bg-gray-900 p-8",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 dark:text-white",children:"Page Content"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("p",{className:"text-gray-600 dark:text-gray-400 mb-4",children:"This is example page content to show how the footer appears at the bottom of a page."}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("p",{className:"text-gray-600 dark:text-gray-400",children:"The footer features a unified gray background with brand info, navigation links, contact details, and legal links all in one cohesive section."})]})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(Story,{})]})],parameters:{docs:{description:{story:"Footer component shown in the context of a full page layout."}}}},DarkMode={decorators:[Story=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"dark bg-gray-900 min-h-screen",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(Story,{})})],parameters:{docs:{description:{story:"Footer component in dark mode."}}}},MobileView={parameters:{viewport:{defaultViewport:"mobile1"},docs:{description:{story:"Footer component displayed on mobile viewport - single column layout."}}}},TabletView={parameters:{viewport:{defaultViewport:"tablet"},docs:{description:{story:"Footer component displayed on tablet viewport - two column layout."}}}},__namedExportsOrder=["Default","WithPageContext","DarkMode","MobileView","TabletView"]}}]);