import { jsxs as t, Fragment as d, jsx as e } from "react/jsx-runtime";
import { H as c, C as s, a as i, bs as l, bt as r, P as o, A as n, c as m } from "../index-sdOMz8GW.js";
import { LayoutGrid as p, Cloud as g, Sparkles as u, Activity as h } from "lucide-react";
import "react-router-dom";
import "react";
import "react-dom";
const y = () => /* @__PURE__ */ t(d, { children: [
  /* @__PURE__ */ e(
    c,
    {
      title: "Widget",
      description: "macOS-style widget cards in four sizes with optional glass/vibrancy backdrop, icon header, and subtitle. Perfect for dashboards, quick-glance info, and control center items.",
      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-emerald-500 via-teal-500 to-cyan-600 rounded-full flex items-center justify-center shadow-lg border border-emerald-500/50", children: /* @__PURE__ */ e(p, { 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(s, { className: "overflow-hidden", children: /* @__PURE__ */ e(i, { title: "All Sizes", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-6 items-start justify-center", children: ["sm", "md", "lg", "xl"].map((a) => /* @__PURE__ */ t(l, { size: a, children: [
    /* @__PURE__ */ e(
      r,
      {
        title: `Widget ${a.toUpperCase()}`,
        subtitle: "Description",
        icon: /* @__PURE__ */ e(g, { className: "w-4 h-4" })
      }
    ),
    /* @__PURE__ */ t("div", { className: "px-3 pb-3 text-xs text-gray-500 dark:text-gray-400", children: [
      "Content area for the ",
      a,
      " widget."
    ] })
  ] }, a)) }) }) }) }),
  /* @__PURE__ */ e(s, { className: "overflow-hidden", children: /* @__PURE__ */ e(i, { title: "Glass Mode", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6 bg-linear-to-br from-purple-600/30 via-blue-500/30 to-cyan-400/30 rounded-lg", children: /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-6 items-start justify-center", children: ["sm", "md", "lg"].map((a) => /* @__PURE__ */ t(l, { size: a, glass: !0, children: [
    /* @__PURE__ */ e(
      r,
      {
        title: `Glass ${a.toUpperCase()}`,
        icon: /* @__PURE__ */ e(u, { className: "w-4 h-4" })
      }
    ),
    /* @__PURE__ */ e("div", { className: "px-3 pb-3 text-xs text-gray-300", children: "Glass vibrancy mode — blurred background." })
  ] }, a)) }) }) }) }),
  /* @__PURE__ */ e(
    o,
    {
      componentName: "MacOSWidget",
      defaultValues: {
        size: "md",
        glass: !1
      },
      controlOverrides: [
        {
          name: "size",
          type: "select",
          options: ["sm", "md", "lg", "xl"],
          description: "Widget size preset"
        },
        {
          name: "glass",
          type: "boolean",
          description: "Enable glass/vibrancy backdrop"
        }
      ],
      includeProps: ["size", "glass"],
      excludeProps: ["className"],
      children: (a) => /* @__PURE__ */ e("div", { className: "flex items-center justify-center p-6 rounded-lg bg-linear-to-br from-purple-600/20 via-blue-500/20 to-cyan-400/20", children: /* @__PURE__ */ t(l, { ...a, children: [
        /* @__PURE__ */ e(
          r,
          {
            title: "Preview Widget",
            subtitle: "Subtitle text",
            icon: /* @__PURE__ */ e(h, { className: "w-4 h-4" })
          }
        ),
        /* @__PURE__ */ e("div", { className: "px-3 pb-3 text-xs text-gray-600 dark:text-gray-400", children: "Widget content — adjust props above." })
      ] }) })
    }
  ),
  /* @__PURE__ */ e(n, { componentName: "MacOSWidget" }),
  /* @__PURE__ */ e(s, { className: "overflow-hidden", children: /* @__PURE__ */ e(i, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
    m,
    {
      language: "tsx",
      code: `import { MacOSWidget, MacOSWidgetHeader } from '@e-burgos/tucu-ui';

// Basic widget
<MacOSWidget size="md">
  <MacOSWidgetHeader
    title="Weather"
    subtitle="San Francisco"
    icon={<CloudIcon />}
  />
  <div className="px-3 pb-3">72°F — Sunny</div>
</MacOSWidget>

// Glass mode on gradient background
<MacOSWidget size="lg" glass>
  <MacOSWidgetHeader title="Music" icon={<MusicIcon />} />
  <div className="px-3 pb-3">Now Playing — Song Title</div>
</MacOSWidget>

// Sizes: 'sm' | 'md' | 'lg' | 'xl'`
    }
  ) }) }) })
] });
export {
  y as MacOSWidgetSection,
  y as default
};
