import { jsxs as l, Fragment as c, jsx as a } from "react/jsx-runtime";
import { H as s, C as t, a as i, T as e, O as n, P as r, A as d, c as h } from "../index-sdOMz8GW.js";
import { PanelLeft as m } from "lucide-react";
import "react-router-dom";
import "react";
import "react-dom";
const v = () => /* @__PURE__ */ l(c, { children: [
  /* @__PURE__ */ a(
    s,
    {
      title: "PanelActionCard",
      description: `A panel card component with a scrollable content area and action
          buttons at the bottom.`,
      icon: /* @__PURE__ */ a("div", { className: "w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24 bg-linear-to-br from-purple-500 to-fuchsia-500 rounded-full flex items-center justify-center shadow-lg", children: /* @__PURE__ */ a(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__ */ a(t, { className: "overflow-hidden", children: /* @__PURE__ */ a(i, { title: "Basic Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ l("div", { className: "space-y-4", children: [
    /* @__PURE__ */ l(t, { className: "p-4", children: [
      /* @__PURE__ */ a(e, { tag: "h5", className: "mb-3", children: "Basic Panel with Actions" }),
      /* @__PURE__ */ a(
        n,
        {
          title: "Panel Title",
          actions: [
            {
              label: "Cancel",
              variant: "ghost",
              onClick: () => console.log("Cancel")
            },
            {
              label: "Save",
              variant: "solid",
              color: "primary",
              onClick: () => console.log("Save")
            }
          ],
          children: /* @__PURE__ */ l("div", { className: "space-y-2", children: [
            /* @__PURE__ */ a(e, { tag: "p", children: "Content line 1" }),
            /* @__PURE__ */ a(e, { tag: "p", children: "Content line 2" }),
            /* @__PURE__ */ a(e, { tag: "p", children: "Content line 3" })
          ] })
        }
      )
    ] }),
    /* @__PURE__ */ l(t, { className: "p-4", children: [
      /* @__PURE__ */ a(e, { tag: "h5", className: "mb-3", children: "Without Actions" }),
      /* @__PURE__ */ a(n, { title: "Panel Without Actions", children: /* @__PURE__ */ a("div", { className: "space-y-2", children: /* @__PURE__ */ a(e, { tag: "p", children: "This panel has no action buttons." }) }) })
    ] })
  ] }) }) }) }),
  /* @__PURE__ */ a(
    r,
    {
      componentName: "PanelActionCard",
      defaultValues: { title: "Panel Title" },
      excludeProps: ["actions"],
      children: (o) => /* @__PURE__ */ a(
        n,
        {
          ...o,
          actions: [{ label: "Action", onClick: () => {
          } }]
        }
      )
    }
  ),
  /* @__PURE__ */ a(d, { componentName: "PanelActionCard" }),
  /* @__PURE__ */ a(t, { className: "overflow-hidden", children: /* @__PURE__ */ a(i, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a(
    h,
    {
      language: "tsx",
      code: `import { PanelActionCard, Typography } from '@e-burgos/tucu-ui';

// With actions
<PanelActionCard
  title="Panel Title"
  actions={[
    {
      label: 'Cancel',
      variant: 'ghost',
      onClick: () => handleCancel(),
    },
    {
      label: 'Save',
      variant: 'solid',
      color: 'primary',
      onClick: () => handleSave(),
    },
  ]}
>
  <div className="space-y-2">
    <Typography tag="p">Content here</Typography>
  </div>
</PanelActionCard>

// Without actions
<PanelActionCard title="Panel Title">
  <Typography tag="p">Content without actions</Typography>
</PanelActionCard>`
    }
  ) }) }) })
] });
export {
  v as default
};
