import { jsxs as l, Fragment as i, jsx as e } from "react/jsx-runtime";
import { H as o, C as t, a as n, T as a, Q as r, P as d, A as c, c as p } from "../index-sdOMz8GW.js";
import { PanelTop as m } from "lucide-react";
import "react-router-dom";
import "react";
import "react-dom";
const N = () => /* @__PURE__ */ l(i, { children: [
  /* @__PURE__ */ e(
    o,
    {
      title: "PanelCard",
      description: `A simple panel card component with a title header and scrollable
          content area.`,
      icon: /* @__PURE__ */ e("div", { className: "w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24 bg-linear-to-br from-fuchsia-500 to-purple-500 rounded-full flex items-center justify-center shadow-lg", children: /* @__PURE__ */ e(m, { className: "w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12 text-white filter drop-shadow-lg" }) })
    }
  ),
  /* @__PURE__ */ e(t, { className: "overflow-hidden", children: /* @__PURE__ */ e(n, { title: "Basic Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e("div", { className: "space-y-4", children: /* @__PURE__ */ l(t, { className: "p-4", children: [
    /* @__PURE__ */ e(a, { tag: "h5", className: "mb-3", children: "Basic Panel Card" }),
    /* @__PURE__ */ e(r, { title: "Panel Title", children: /* @__PURE__ */ l("div", { className: "space-y-2", children: [
      /* @__PURE__ */ e(a, { tag: "p", children: "Content line 1" }),
      /* @__PURE__ */ e(a, { tag: "p", children: "Content line 2" }),
      /* @__PURE__ */ e(a, { tag: "p", children: "Content line 3" }),
      /* @__PURE__ */ e(a, { tag: "p", children: "Content line 4" }),
      /* @__PURE__ */ e(a, { tag: "p", children: "Content line 5" })
    ] }) })
  ] }) }) }) }) }),
  /* @__PURE__ */ e(
    d,
    {
      componentName: "PanelCard",
      defaultValues: { title: "Panel Card" },
      children: (s) => /* @__PURE__ */ e(r, { ...s, children: /* @__PURE__ */ e("p", { className: "text-sm text-gray-600 dark:text-gray-400", children: "Panel content goes here" }) })
    }
  ),
  /* @__PURE__ */ e(c, { componentName: "PanelCard" }),
  /* @__PURE__ */ e(t, { className: "overflow-hidden", children: /* @__PURE__ */ e(n, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
    p,
    {
      language: "tsx",
      code: `import { PanelCard, Typography } from '@e-burgos/tucu-ui';

// Basic usage
<PanelCard title="Panel Title">
  <div className="space-y-2">
    <Typography tag="p">Content line 1</Typography>
    <Typography tag="p">Content line 2</Typography>
    <Typography tag="p">Content line 3</Typography>
  </div>
</PanelCard>

// With custom className
<PanelCard title="Custom Panel" className="max-w-md">
  <Typography tag="p">Custom styled panel</Typography>
</PanelCard>`
    }
  ) }) }) })
] });
export {
  N as default
};
