"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-DEZRGktf.js"),i=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=()=>e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Notification Banner",description:"Glass-material notification banners with colored accent stripes, variant icons, and dismiss functionality.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-amber-500 via-orange-500 to-red-500 rounded-full flex items-center justify-center shadow-lg border border-amber-500/50",children:e.jsx(i.Bell,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Variants",className:"mt-2 mb-2",children:e.jsxs("div",{className:"flex flex-col gap-4 max-w-lg",children:[e.jsx(a.MacOSTahoeNotificationBanner,{variant:"info",title:"New update available",message:"macOS Tahoe 26.1 is ready to be installed.",dismissible:!1}),e.jsx(a.MacOSTahoeNotificationBanner,{variant:"success",title:"Changes saved",message:"Your preferences have been updated successfully.",dismissible:!1}),e.jsx(a.MacOSTahoeNotificationBanner,{variant:"warning",title:"Low disk space",message:"Only 2.3 GB remaining on Macintosh HD.",dismissible:!1}),e.jsx(a.MacOSTahoeNotificationBanner,{variant:"error",title:"Connection failed",message:"Unable to connect to the server. Please check your network.",dismissible:!1})]})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"With Actions (Array)",className:"mt-2 mb-2",children:e.jsx("div",{className:"max-w-lg",children:e.jsx(a.MacOSTahoeNotificationBanner,{variant:"info",title:"Update available",message:"A new version is ready to download.",actions:[{label:"Update Now",onClick:()=>alert("updating…")},{label:"Later",onClick:()=>{}}]})})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"With Actions (ReactNode)",className:"mt-2 mb-2",children:e.jsx("div",{className:"max-w-lg",children:e.jsx(a.MacOSTahoeNotificationBanner,{variant:"info",title:"Update available",message:"A new version is ready to download.",actions:e.jsxs(e.Fragment,{children:[e.jsx("button",{className:"rounded-md bg-[var(--macos-tahoe-accent)] px-3 py-1 text-[12px] font-medium text-white",children:"Update Now"}),e.jsx("button",{className:"rounded-md px-3 py-1 text-[12px] text-[var(--macos-tahoe-text-muted)]",children:"Later"})]})})})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Custom Icon",className:"mt-2 mb-2",children:e.jsx("div",{className:"max-w-lg",children:e.jsx(a.MacOSTahoeNotificationBanner,{variant:"success",title:"File uploaded",message:"photo-2024.jpg has been uploaded to iCloud.",icon:e.jsx(i.CloudUpload,{className:"h-5 w-5"})})})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Dismissible (default)",className:"mt-2 mb-2",children:e.jsx("div",{className:"max-w-lg",children:e.jsx(a.MacOSTahoeNotificationBanner,{variant:"warning",title:"Dismiss me",message:"Click the X button to dismiss this notification."})})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx(a.CodeBlock,{code:`import { MacOSTahoeNotificationBanner } from '@e-burgos/tucu-ui';

// With typed action array (recommended)
<MacOSTahoeNotificationBanner
  variant="info"        // 'info' | 'success' | 'warning' | 'error'
  title="Update Available"
  message="A new version is ready."
  dismissible
  onDismiss={() => console.log('dismissed')}
  actions={[
    { label: 'Update Now', onClick: handleUpdate },
    { label: 'Later', onClick: handleDismiss },
  ]}
  icon={<CustomIcon />}  // optional custom icon
/>

// With ReactNode actions (flexible)
<MacOSTahoeNotificationBanner
  variant="success"
  title="Saved"
  actions={<button>Undo</button>}
/>`,language:"tsx"})})}),e.jsx(a.PropPlayground,{componentName:"MacOSTahoeNotificationBanner",defaultValues:{title:"Notification title",message:"This is the notification message.",variant:"info",dismissible:!0},includeProps:["title","message","variant","dismissible"],excludeProps:["className","actions","icon","onDismiss"],children:s=>e.jsx("div",{className:"max-w-lg w-full",children:e.jsx(a.MacOSTahoeNotificationBanner,{...s})})}),e.jsx(a.AutoPropsTable,{componentName:"MacOSTahoeNotificationBanner"})]});exports.TahoeNotificationBannerSection=t;exports.default=t;
