"use strict";(self.webpackChunkelite_events_nextjs=self.webpackChunkelite_events_nextjs||[]).push([[4976],{"./src/components/ui/LoadingSpinner.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AllSizes:()=>AllSizes,CustomMessage:()=>CustomMessage,Default:()=>Default,Large:()=>Large,LoadingStates:()=>LoadingStates,Medium:()=>Medium,NoMessage:()=>NoMessage,Small:()=>Small,WithMessage:()=>WithMessage,__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"),_LoadingSpinner__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/components/ui/LoadingSpinner.tsx");const __WEBPACK_DEFAULT_EXPORT__={title:"UI/LoadingSpinner",component:_LoadingSpinner__WEBPACK_IMPORTED_MODULE_1__.A,parameters:{layout:"centered"},tags:["autodocs"]},Default={},Small={args:{size:"sm"}},Medium={args:{size:"md"}},Large={args:{size:"lg"}},WithMessage={args:{message:"Loading products..."}},CustomMessage={args:{message:"Please wait while we process your request",size:"lg"}},NoMessage={args:{message:""}},AllSizes={render:()=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"flex items-end gap-8",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"text-center",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_LoadingSpinner__WEBPACK_IMPORTED_MODULE_1__.A,{size:"sm",message:"Small"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"text-center",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_LoadingSpinner__WEBPACK_IMPORTED_MODULE_1__.A,{size:"md",message:"Medium"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"text-center",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_LoadingSpinner__WEBPACK_IMPORTED_MODULE_1__.A,{size:"lg",message:"Large"})})]}),parameters:{docs:{description:{story:"All loading spinner sizes displayed together"}}}},LoadingStates={render:()=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"space-y-8",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h3",{className:"text-lg font-semibold mb-4",children:"Loading Products"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_LoadingSpinner__WEBPACK_IMPORTED_MODULE_1__.A,{message:"Fetching products..."})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h3",{className:"text-lg font-semibold mb-4",children:"Processing Payment"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_LoadingSpinner__WEBPACK_IMPORTED_MODULE_1__.A,{message:"Please wait while we process your payment..."})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h3",{className:"text-lg font-semibold mb-4",children:"Uploading File"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_LoadingSpinner__WEBPACK_IMPORTED_MODULE_1__.A,{size:"lg",message:"Uploading... 45%"})]})]}),parameters:{layout:"padded",docs:{description:{story:"Different loading states for various scenarios"}}}},__namedExportsOrder=["Default","Small","Medium","Large","WithMessage","CustomMessage","NoMessage","AllSizes","LoadingStates"]},"./src/components/ui/LoadingSpinner.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>LoadingSpinner});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/jsx-runtime.js");function LoadingSpinner({size="md",message="Loading...",fullScreen=!1}){const containerClasses=fullScreen?"fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50":"flex items-center justify-center py-10";return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:containerClasses,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"text-center",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"inline-block",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:`${{sm:"w-6 h-6",md:"w-8 h-8",lg:"w-12 h-12"}[size]} border-4 border-gray-300 dark:border-gray-600 border-t-blue rounded-full animate-spin`})}),message&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("p",{className:"text-gray-600 dark:text-gray-400 mt-4",children:message})]})})}}}]);