import { jsxs as a, jsx as e } from "react/jsx-runtime";
import { useState as r } from "react";
import { H as i, x as l, bz as o, u as d, p as c, q as n, aj as m } from "../index-sdOMz8GW.js";
import { Sparkles as h, Home as u, Settings as f } from "lucide-react";
import "react-router-dom";
import "react-dom";
const b = () => /* @__PURE__ */ e("div", { className: "flex flex-col gap-6 w-full max-w-4xl mx-auto h-[400px]", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8 h-full", children: [
  /* @__PURE__ */ a(
    "div",
    {
      "data-tucu": "drawer-content",
      className: "p-6 flex flex-col gap-5 bg-[var(--macos-glass-regular-bg)] backdrop-blur-xl border border-[var(--macos-glass-regular-border)] rounded-2xl shadow-xl",
      children: [
        /* @__PURE__ */ a("div", { className: "flex flex-col gap-1 mb-2", children: [
          /* @__PURE__ */ e("h3", { className: "text-[var(--macos-label)] font-semibold mb-0", children: "System Preferences" }),
          /* @__PURE__ */ e("p", { className: "text-[var(--macos-secondary-label)] text-xs mb-0", children: "Manage liquid glass settings in Tahoe" })
        ] }),
        /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
          /* @__PURE__ */ e("span", { className: "text-sm font-medium text-[var(--macos-label)]", children: "Enable Notifications" }),
          /* @__PURE__ */ e(d, { checked: !0, onChange: () => {
          } })
        ] }),
        /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
          /* @__PURE__ */ e("span", { className: "text-sm font-medium text-[var(--macos-label)]", children: "Auto-play content" }),
          /* @__PURE__ */ e(c, { defaultChecked: !0 })
        ] }),
        /* @__PURE__ */ e("div", { className: "w-full", children: /* @__PURE__ */ e(
          n,
          {
            variant: "ghost",
            options: [
              { name: "Wi-Fi", value: "wifi" },
              { name: "Bluetooth", value: "bt" }
            ],
            placeholder: "Search settings...",
            className: "w-full"
          }
        ) }),
        /* @__PURE__ */ e("div", { className: "mt-auto", children: /* @__PURE__ */ e(l, { variant: "solid", fullWidth: !0, children: "Apply Changes" }) })
      ]
    }
  ),
  /* @__PURE__ */ a("div", { className: "flex flex-col gap-5 justify-between", children: [
    /* @__PURE__ */ a("div", { "data-tucu": "panel-card", className: "p-5 flex flex-col gap-3", children: [
      /* @__PURE__ */ e("h4", { className: "text-[var(--macos-label)] font-medium mb-1", children: "Standard Material" }),
      /* @__PURE__ */ e("p", { className: "text-xs text-[var(--macos-secondary-label)] leading-relaxed", children: "Reading contents and tables use standard opaque material to keep contrast levels High regardless of the background imagery." })
    ] }),
    /* @__PURE__ */ e(m, { variant: "info", children: /* @__PURE__ */ a("div", { className: "flex flex-col gap-1", children: [
      /* @__PURE__ */ e("strong", { children: "New Update Available" }),
      /* @__PURE__ */ e("span", { children: "macOS 26 Tahoe is ready to be installed. Restart to apply changes." })
    ] }) }),
    /* @__PURE__ */ a("div", { className: "flex gap-2", children: [
      /* @__PURE__ */ e(l, { variant: "ghost", fullWidth: !0, children: "Cancel" }),
      /* @__PURE__ */ e(l, { variant: "solid", fullWidth: !0, children: "Restart Now" })
    ] })
  ] })
] }) });
function y() {
  const [t, s] = r(!1);
  return /* @__PURE__ */ a("div", { className: "flex flex-col gap-4", children: [
    /* @__PURE__ */ e(
      i,
      {
        title: "Liquid Glass",
        description: "The variant='tahoe' setting forces the Layout to use Liquid Glass materials and Spatial backgrounds.",
        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-blue-400/80 via-cyan-300/60 to-white/40 dark:from-blue-600/80 dark:via-cyan-500/60 dark:to-gray-800/40 rounded-full flex items-center justify-center shadow-lg border border-white/50 dark:border-cyan-400/50 backdrop-blur-md", children: /* @__PURE__ */ e(h, { className: "w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-blue-700 dark:text-cyan-200 filter drop-shadow-lg" }) })
      }
    ),
    /* @__PURE__ */ e(
      "div",
      {
        className: "relative w-full h-[600px] border border-border rounded-2xl overflow-hidden bg-[var(--macos-spatial-bg)] group",
        style: {
          background: "var(--macos-tahoe-root-bg, var(--macos-spatial-bg))"
        },
        children: t ? /* @__PURE__ */ e("div", { className: "w-full h-full relative p-0 m-0", children: /* @__PURE__ */ a(
          o,
          {
            variant: "tahoe",
            menuItems: [
              { name: "Dashboard", path: "#", icon: /* @__PURE__ */ e(u, {}) },
              { name: "Settings", path: "#", icon: /* @__PURE__ */ e(f, {}) }
            ],
            className: "absolute inset-0 rounded-2xl",
            children: [
              /* @__PURE__ */ e("div", { className: "macos-bg-spatial-aurora absolute inset-0 -z-10 rounded-2xl" }),
              /* @__PURE__ */ e(b, {})
            ]
          }
        ) }) : /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ e(l, { onClick: () => s(!0), variant: "solid", children: "Launch Tahoe Demo" }) })
      }
    )
  ] });
}
export {
  b as TahoeDemoContent,
  y as default
};
