"use strict";(self.webpackChunkelite_events_nextjs=self.webpackChunkelite_events_nextjs||[]).push([[7574],{"./src/components/ui/Toast/Toast.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AllVariants:()=>AllVariants,CustomDuration:()=>CustomDuration,MultipleToasts:()=>MultipleToasts,__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/ui/Toast/index.tsx"),_hooks_useToast__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/hooks/useToast.ts"),_Button__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/ui/Button/index.tsx");const __WEBPACK_DEFAULT_EXPORT__={title:"UI/Toast",parameters:{layout:"centered"},tags:["autodocs"],decorators:[Story=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.tE,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(Story,{})})]},ToastDemo=()=>{const{addToast}=(0,_hooks_useToast__WEBPACK_IMPORTED_MODULE_2__.dj)();return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"space-y-4",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Button__WEBPACK_IMPORTED_MODULE_3__.$,{onClick:()=>addToast({message:"This is an info message",variant:"info"}),children:"Show Info Toast"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Button__WEBPACK_IMPORTED_MODULE_3__.$,{variant:"primary",onClick:()=>addToast({title:"Success",message:"Your changes have been saved successfully",variant:"success"}),children:"Show Success Toast"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Button__WEBPACK_IMPORTED_MODULE_3__.$,{variant:"secondary",onClick:()=>addToast({title:"Warning",message:"Your session will expire in 5 minutes",variant:"warning"}),children:"Show Warning Toast"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Button__WEBPACK_IMPORTED_MODULE_3__.$,{variant:"danger",onClick:()=>addToast({title:"Error",message:"Failed to save changes. Please try again.",variant:"error"}),children:"Show Error Toast"})]})},AllVariants={render:()=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(ToastDemo,{})},CustomDurationDemo=()=>{const{addToast}=(0,_hooks_useToast__WEBPACK_IMPORTED_MODULE_2__.dj)();return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"space-y-4",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Button__WEBPACK_IMPORTED_MODULE_3__.$,{onClick:()=>addToast({message:"This toast will disappear in 2 seconds",variant:"info",duration:2e3}),children:"2 Second Toast"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Button__WEBPACK_IMPORTED_MODULE_3__.$,{onClick:()=>addToast({message:"This toast will stay for 10 seconds",variant:"success",duration:1e4}),children:"10 Second Toast"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Button__WEBPACK_IMPORTED_MODULE_3__.$,{onClick:()=>addToast({message:"This toast will stay until manually closed",variant:"warning",duration:0}),children:"Persistent Toast"})]})},CustomDuration={render:()=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(CustomDurationDemo,{})},MultipleToastsDemo=()=>{const{addToast}=(0,_hooks_useToast__WEBPACK_IMPORTED_MODULE_2__.dj)();return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Button__WEBPACK_IMPORTED_MODULE_3__.$,{onClick:()=>{addToast({title:"Processing",message:"Step 1: Validating data...",variant:"info"}),setTimeout(()=>{addToast({title:"Processing",message:"Step 2: Saving to database...",variant:"info"})},500),setTimeout(()=>{addToast({title:"Complete",message:"All steps completed successfully!",variant:"success"})},1e3)},children:"Show Multiple Toasts"})},MultipleToasts={render:()=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(MultipleToastsDemo,{})},__namedExportsOrder=["AllVariants","CustomDuration","MultipleToasts"]},"./src/hooks/useToast.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{dj:()=>useToast});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),_components_ui_Toast__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/components/ui/Toast/index.tsx");function useToast(){const context=(0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_components_ui_Toast__WEBPACK_IMPORTED_MODULE_1__.$o);if(!context)throw new Error("useToast must be used within ToastProvider");return context}}}]);