import { jsxs as s, Fragment as l, jsx as e } from "react/jsx-runtime";
import { H as r, C as o, a as t, T as a, ah as i, P as m, A as n, c as u } from "../index-sdOMz8GW.js";
import { Hexagon as d } from "lucide-react";
import "react-router-dom";
import "react";
import "react-dom";
const w = () => /* @__PURE__ */ s(l, { children: [
  /* @__PURE__ */ e(
    r,
    {
      title: "TucuUiLogo",
      description: "The core logo icon component featuring the distinctive double T design with 'ui' text, representing the Tucu UI design system.",
      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-pink-500 to-rose-500 rounded-full flex items-center justify-center shadow-lg", children: /* @__PURE__ */ e(d, { 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(o, { 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__ */ s("div", { className: "space-y-4", children: [
    /* @__PURE__ */ s(o, { className: "p-4", children: [
      /* @__PURE__ */ e(a, { tag: "h5", className: "mb-3", children: "Default Size" }),
      /* @__PURE__ */ e(i, {})
    ] }),
    /* @__PURE__ */ s(o, { className: "p-4", children: [
      /* @__PURE__ */ e(a, { tag: "h5", className: "mb-3", children: "Different Sizes" }),
      /* @__PURE__ */ s("div", { className: "flex items-center gap-4 flex-wrap", children: [
        /* @__PURE__ */ e(i, { size: 60 }),
        /* @__PURE__ */ e(i, { size: 120 }),
        /* @__PURE__ */ e(i, { size: 180 })
      ] })
    ] }),
    /* @__PURE__ */ s(o, { className: "p-4", children: [
      /* @__PURE__ */ e(a, { tag: "h5", className: "mb-3", children: "With Custom Classes" }),
      /* @__PURE__ */ e(
        i,
        {
          size: 100,
          className: "opacity-80 hover:opacity-100 transition-opacity"
        }
      )
    ] })
  ] }) }) }) }),
  /* @__PURE__ */ e(
    m,
    {
      componentName: "TucuUiLogo",
      defaultValues: { size: 60 },
      excludeProps: ["props"],
      children: (c) => /* @__PURE__ */ e(i, { ...c })
    }
  ),
  /* @__PURE__ */ e(n, { componentName: "TucuUiLogo" }),
  /* @__PURE__ */ e(o, { 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(
    u,
    {
      language: "tsx",
      code: `import { TucuUiLogo } from '@e-burgos/tucu-ui';

// Basic usage (default 120x120)
<TucuUiLogo />

// Custom sizes
<TucuUiLogo size={60} />
<TucuUiLogo size={120} />
<TucuUiLogo size={180} />

// With custom classes
<TucuUiLogo 
  size={100} 
  className="opacity-80 hover:opacity-100 transition-opacity" 
/>

// With SVG attributes
<TucuUiLogo 
  size={80} 
  className="custom-class"
  props={{ viewBox: '0 0 240 240' }}
/>

// The component automatically:
// - Adapts to light/dark mode
// - Shows the double T design with "ui" text`
    }
  ) }) }) })
] });
export {
  w as default
};
