import { jsxs as a, Fragment as d, jsx as e } from "react/jsx-runtime";
import { H as o, C as i, a as t, T as r, P as s, A as c, c as h } from "../index-sdOMz8GW.js";
import { Heading as p } from "lucide-react";
import "react-router-dom";
import "react";
import "react-dom";
const u = () => /* @__PURE__ */ a(d, { children: [
  /* @__PURE__ */ e(
    o,
    {
      title: "CardTitle",
      description: `A card component with an integrated title that appears above the card
          border.`,
      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-purple-600 to-violet-500 rounded-full flex items-center justify-center shadow-lg", children: /* @__PURE__ */ e(p, { 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(i, { className: "overflow-hidden", children: /* @__PURE__ */ e(t, { title: "Basic Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
    /* @__PURE__ */ a(i, { className: "p-4", children: [
      /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "With Title" }),
      /* @__PURE__ */ e(t, { title: "Card Title", children: /* @__PURE__ */ e(r, { tag: "p", children: "Card content goes here" }) })
    ] }),
    /* @__PURE__ */ a(i, { className: "p-4", children: [
      /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "Without Border" }),
      /* @__PURE__ */ e(t, { title: "No Border", border: !1, children: /* @__PURE__ */ e(r, { tag: "p", children: "Card without border" }) })
    ] }),
    /* @__PURE__ */ a(i, { className: "p-4", children: [
      /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "With Rich Content" }),
      /* @__PURE__ */ e(t, { title: "Rich Content", children: /* @__PURE__ */ a("div", { className: "space-y-2", children: [
        /* @__PURE__ */ e(r, { tag: "p", children: "First paragraph" }),
        /* @__PURE__ */ e(r, { tag: "p", children: "Second paragraph" })
      ] }) })
    ] })
  ] }) }) }) }),
  /* @__PURE__ */ e(
    s,
    {
      componentName: "CardTitle",
      defaultValues: { title: "Card Title", border: !0 },
      excludeProps: [],
      children: (l) => /* @__PURE__ */ e(t, { ...l, children: /* @__PURE__ */ e("div", { className: "p-4", children: "Card Content" }) })
    }
  ),
  /* @__PURE__ */ e(c, { componentName: "CardTitle" }),
  /* @__PURE__ */ e(i, { className: "overflow-hidden", children: /* @__PURE__ */ e(t, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
    h,
    {
      language: "tsx",
      code: `import { CardTitle, Typography } from '@e-burgos/tucu-ui';

// With title
<CardTitle title="Card Title">
  <Typography tag="p">Card content goes here</Typography>
</CardTitle>

// Without border
<CardTitle title="No Border" border={false}>
  <Typography tag="p">Card without border</Typography>
</CardTitle>

// With rich content
<CardTitle title="Rich Content">
  <div className="space-y-2">
    <Typography tag="p">First paragraph</Typography>
    <Typography tag="p">Second paragraph</Typography>
  </div>
</CardTitle>`
    }
  ) }) }) })
] });
export {
  u as default
};
