import { jsxs as s, Fragment as n, jsx as e } from "react/jsx-runtime";
import { H as l, C as i, a as t, bN as a, c as r, P as c, A as d } from "../index-sdOMz8GW.js";
import { Bell as m, CloudUpload as h } from "lucide-react";
import "react-router-dom";
import "react";
import "react-dom";
const v = () => /* @__PURE__ */ s(n, { children: [
  /* @__PURE__ */ e(
    l,
    {
      title: "Notification Banner",
      description: "Glass-material notification banners with colored accent stripes, variant icons, and dismiss functionality.",
      icon: /* @__PURE__ */ e("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: /* @__PURE__ */ e(m, { className: "w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg" }) })
    }
  ),
  /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(t, { title: "Variants", className: "mt-2 mb-2", children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-4 max-w-lg", children: [
    /* @__PURE__ */ e(
      a,
      {
        variant: "info",
        title: "New update available",
        message: "macOS Tahoe 26.1 is ready to be installed.",
        dismissible: !1
      }
    ),
    /* @__PURE__ */ e(
      a,
      {
        variant: "success",
        title: "Changes saved",
        message: "Your preferences have been updated successfully.",
        dismissible: !1
      }
    ),
    /* @__PURE__ */ e(
      a,
      {
        variant: "warning",
        title: "Low disk space",
        message: "Only 2.3 GB remaining on Macintosh HD.",
        dismissible: !1
      }
    ),
    /* @__PURE__ */ e(
      a,
      {
        variant: "error",
        title: "Connection failed",
        message: "Unable to connect to the server. Please check your network.",
        dismissible: !1
      }
    )
  ] }) }) }),
  /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(t, { title: "With Actions (Array)", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "max-w-lg", children: /* @__PURE__ */ e(
    a,
    {
      variant: "info",
      title: "Update available",
      message: "A new version is ready to download.",
      actions: [
        { label: "Update Now", onClick: () => alert("updating…") },
        { label: "Later", onClick: () => {
        } }
      ]
    }
  ) }) }) }),
  /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(t, { title: "With Actions (ReactNode)", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "max-w-lg", children: /* @__PURE__ */ e(
    a,
    {
      variant: "info",
      title: "Update available",
      message: "A new version is ready to download.",
      actions: /* @__PURE__ */ s(n, { children: [
        /* @__PURE__ */ e("button", { className: "rounded-md bg-[var(--macos-tahoe-accent)] px-3 py-1 text-[12px] font-medium text-white", children: "Update Now" }),
        /* @__PURE__ */ e("button", { className: "rounded-md px-3 py-1 text-[12px] text-[var(--macos-tahoe-text-muted)]", children: "Later" })
      ] })
    }
  ) }) }) }),
  /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(t, { title: "Custom Icon", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "max-w-lg", children: /* @__PURE__ */ e(
    a,
    {
      variant: "success",
      title: "File uploaded",
      message: "photo-2024.jpg has been uploaded to iCloud.",
      icon: /* @__PURE__ */ e(h, { className: "h-5 w-5" })
    }
  ) }) }) }),
  /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(t, { title: "Dismissible (default)", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "max-w-lg", children: /* @__PURE__ */ e(
    a,
    {
      variant: "warning",
      title: "Dismiss me",
      message: "Click the X button to dismiss this notification."
    }
  ) }) }) }),
  /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(t, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e(
    r,
    {
      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"
    }
  ) }) }),
  /* @__PURE__ */ e(
    c,
    {
      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: (o) => /* @__PURE__ */ e("div", { className: "max-w-lg w-full", children: /* @__PURE__ */ e(a, { ...o }) })
    }
  ),
  /* @__PURE__ */ e(d, { componentName: "MacOSTahoeNotificationBanner" })
] });
export {
  v as TahoeNotificationBannerSection,
  v as default
};
