import { jsxs as e, Fragment as s, jsx as a } from "react/jsx-runtime";
import { H as n, C as r, a as l, T as t, G as o, P as d, A as h, c } from "../index-sdOMz8GW.js";
import { UserCircle as p } from "lucide-react";
import "react-router-dom";
import "react";
import "react-dom";
import { a as m } from "../1-Df9CGZha.js";
const A = () => /* @__PURE__ */ e(s, { children: [
  /* @__PURE__ */ a(
    n,
    {
      title: "AuthorCard",
      description: `A card component for displaying author information with avatar, name,
          and role.`,
      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-violet-500 to-purple-500 rounded-full flex items-center justify-center shadow-lg", children: /* @__PURE__ */ a(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__ */ a(r, { className: "overflow-hidden", children: /* @__PURE__ */ a(l, { title: "Basic Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
    /* @__PURE__ */ e(r, { className: "p-4", children: [
      /* @__PURE__ */ a(t, { tag: "h5", className: "mb-3", children: "With Name and Role" }),
      /* @__PURE__ */ a(
        o,
        {
          image: m,
          name: "John Doe",
          authorRole: "Senior Developer"
        }
      )
    ] }),
    /* @__PURE__ */ e(r, { className: "p-4", children: [
      /* @__PURE__ */ a(t, { tag: "h5", className: "mb-3", children: "With Name Only" }),
      /* @__PURE__ */ a(o, { image: m, name: "Jane Smith" })
    ] }),
    /* @__PURE__ */ e(r, { className: "p-4", children: [
      /* @__PURE__ */ a(t, { tag: "h5", className: "mb-3", children: "Avatar Only" }),
      /* @__PURE__ */ a(o, { image: m })
    ] })
  ] }) }) }) }),
  /* @__PURE__ */ a(
    d,
    {
      componentName: "AuthorCard",
      defaultValues: {
        name: "John Doe",
        authorRole: "Developer",
        image: "https://randomuser.me/api/portraits/men/1.jpg"
      },
      excludeProps: [],
      children: (i) => /* @__PURE__ */ a(o, { ...i })
    }
  ),
  /* @__PURE__ */ a(h, { componentName: "AuthorCard" }),
  /* @__PURE__ */ a(r, { className: "overflow-hidden", children: /* @__PURE__ */ a(l, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a(
    c,
    {
      language: "tsx",
      code: `import { AuthorCard } from '@e-burgos/tucu-ui';

// With name and role
<AuthorCard
  image="/path/to/avatar.jpg"
  name="John Doe"
  authorRole="Senior Developer"
/>

// With name only
<AuthorCard
  image="/path/to/avatar.jpg"
  name="Jane Smith"
/>

// Avatar only
<AuthorCard image="/path/to/avatar.jpg" />`
    }
  ) }) }) })
] });
export {
  A as default
};
