import { jsxs as n, Fragment as s, jsx as e } from "react/jsx-runtime";
import { H as i, C as a, a as t, T as r, a9 as o, aa as c, P as m, A as d, c as h } from "../index-sdOMz8GW.js";
import { ExternalLink as p } from "lucide-react";
import "react-router-dom";
import "react";
import "react-dom";
const N = () => /* @__PURE__ */ n(s, { children: [
  /* @__PURE__ */ e(
    i,
    {
      title: "AnchorLink",
      description: `A smart link component that automatically handles both internal routes
          and external URLs.`,
      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-blue-500 to-cyan-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(a, { 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__ */ n("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
    /* @__PURE__ */ n(a, { className: "p-4", children: [
      /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "Internal Link" }),
      /* @__PURE__ */ e(o, { to: "/components", children: "Go to Components" })
    ] }),
    /* @__PURE__ */ n(a, { className: "p-4", children: [
      /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "External Link" }),
      /* @__PURE__ */ e(o, { to: c, target: "_blank", children: "External Link" })
    ] })
  ] }) }) }) }),
  /* @__PURE__ */ e(
    m,
    {
      componentName: "AnchorLink",
      defaultValues: {},
      excludeProps: ["state", "to"],
      children: (l) => /* @__PURE__ */ e(o, { ...l, to: "#", children: "Anchor Link Example" })
    }
  ),
  /* @__PURE__ */ e(d, { componentName: "AnchorLink" }),
  /* @__PURE__ */ e(a, { 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 { AnchorLink } from '@e-burgos/tucu-ui';

// Internal link (uses React Router Link)
<AnchorLink to="/components">
  Go to Components
</AnchorLink>

// External link (uses native <a> tag)
<AnchorLink to="https://example.com" target="_blank">
  External Link
</AnchorLink>

// With all Link props
<AnchorLink
  to="/about"
  className="text-blue-500 hover:underline"
>
  About Us
</AnchorLink>`
    }
  ) }) }) })
] });
export {
  N as default
};
