import { jsxs as a, Fragment as s, jsx as e } from "react/jsx-runtime";
import { H as l, C as t, a as o, bD as d, c as n } from "../index-sdOMz8GW.js";
import { LayoutDashboard as i, Plus as c, ChevronLeft as m } from "lucide-react";
import "react-router-dom";
import "react";
import "react-dom";
const w = () => /* @__PURE__ */ a(s, { children: [
  /* @__PURE__ */ e(
    l,
    {
      title: "MacOSTahoeLayoutContent",
      description: "Content shell for Tahoe layouts. Wraps a Tahoe toolbar and a scrollable main area inside a Liquid Glass rounded panel with backdrop-blur border.",
      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-400 via-green-500 to-teal-600 rounded-full flex items-center justify-center shadow-lg border border-emerald-400/50", children: /* @__PURE__ */ e(i, { 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(t, { className: "overflow-hidden", children: /* @__PURE__ */ e(o, { title: "With Toolbar Slots", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e("div", { className: "h-80 rounded-[20px] overflow-hidden border border-border shadow-[var(--shadow-card)]", children: /* @__PURE__ */ e(
    d,
    {
      toolbarLeading: /* @__PURE__ */ a("button", { className: "flex items-center gap-1.5 text-sm text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200", children: [
        /* @__PURE__ */ e(m, { className: "h-4 w-4" }),
        "Back"
      ] }),
      toolbarCenter: /* @__PURE__ */ e("span", { className: "text-[13px] font-semibold text-gray-800 dark:text-gray-100", children: "Dashboard" }),
      toolbarTrailing: /* @__PURE__ */ a("button", { className: "flex items-center gap-1.5 rounded-[10px] px-3 py-1 text-sm bg-blue-500 text-white hover:bg-blue-600", children: [
        /* @__PURE__ */ e(c, { className: "h-3.5 w-3.5" }),
        "New"
      ] }),
      children: /* @__PURE__ */ e("div", { className: "grid grid-cols-3 gap-4", children: ["Revenue", "Users", "Sessions"].map((r) => /* @__PURE__ */ a(
        "div",
        {
          className: "rounded-[14px] border border-border bg-white/40 dark:bg-white/5 backdrop-blur-sm p-4",
          children: [
            /* @__PURE__ */ e("p", { className: "text-xs text-gray-400 mb-1", children: r }),
            /* @__PURE__ */ e("p", { className: "text-xl font-semibold text-gray-800 dark:text-gray-100", children: "—" })
          ]
        },
        r
      )) })
    }
  ) }) }) }) }),
  /* @__PURE__ */ e(t, { className: "overflow-hidden", children: /* @__PURE__ */ e(o, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
    n,
    {
      language: "tsx",
      code: `import { MacOSTahoeLayoutContent } from '@e-burgos/tucu-ui';

function PageLayout() {
  return (
    <div className="flex h-screen">
      <Sidebar />
      <MacOSTahoeLayoutContent
        toolbarLeading={<BackButton />}
        toolbarCenter={<span>Dashboard</span>}
        toolbarTrailing={<NewButton />}
        className="my-custom-class"
      >
        <YourPageContent />
      </MacOSTahoeLayoutContent>
    </div>
  );
}`
    }
  ) }) }) })
] });
export {
  w as TahoeLayoutContentSection,
  w as default
};
