import { jsxs as o, Fragment as s, jsx as e } from "react/jsx-runtime";
import { H as c, C as i, a as r, N as t, P as p, A as n, c as m } from "../index-sdOMz8GW.js";
import { Grid3x3 as l } from "lucide-react";
import "react-router-dom";
import "react";
import "react-dom";
const T = () => /* @__PURE__ */ o(s, { children: [
  /* @__PURE__ */ e(
    c,
    {
      title: "NFTGrid",
      description: "Grid card component for displaying NFT items with author information, image, collection, and price.",
      icon: /* @__PURE__ */ e("div", { className: "w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-cyan-500 via-blue-500 to-indigo-500 rounded-full flex items-center justify-center shadow-lg border border-cyan-500/50", children: /* @__PURE__ */ e(l, { className: "w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg" }) })
    }
  ),
  /* @__PURE__ */ e(i, { className: "overflow-hidden", children: /* @__PURE__ */ e(r, { title: "Grid Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ o("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-5", children: [
    /* @__PURE__ */ e(
      t,
      {
        author: "CryptoPunk",
        authorImage: "https://i.pravatar.cc/80?img=1",
        image: "https://picsum.photos/seed/nft1/400/300",
        name: "CryptoPunk #1234",
        collection: "Crypto Punks",
        price: "45 ETH"
      }
    ),
    /* @__PURE__ */ e(
      t,
      {
        author: "BoredApe",
        authorImage: "https://i.pravatar.cc/80?img=12",
        image: "https://picsum.photos/seed/nft2/400/300",
        name: "Bored Ape #8821",
        collection: "BAYC",
        price: "72 ETH"
      }
    ),
    /* @__PURE__ */ e(
      t,
      {
        author: "Azuki",
        authorImage: "https://i.pravatar.cc/80?img=25",
        image: "https://picsum.photos/seed/nft3/400/300",
        name: "Azuki #5501",
        collection: "Azuki",
        price: "18.5 ETH"
      }
    ),
    /* @__PURE__ */ e(
      t,
      {
        author: "Doodles",
        authorImage: "https://i.pravatar.cc/80?img=33",
        image: "https://picsum.photos/seed/nft4/400/300",
        name: "Doodle #3120",
        collection: "Doodles",
        price: "8.2 ETH"
      }
    ),
    /* @__PURE__ */ e(
      t,
      {
        author: "CloneX",
        authorImage: "https://i.pravatar.cc/80?img=44",
        image: "https://picsum.photos/seed/nft5/400/300",
        name: "CloneX #12882",
        collection: "CloneX",
        price: "5.8 ETH"
      }
    ),
    /* @__PURE__ */ e(
      t,
      {
        author: "Moonbird",
        authorImage: "https://i.pravatar.cc/80?img=56",
        image: "https://picsum.photos/seed/nft6/400/300",
        name: "Moonbird #7744",
        collection: "Moonbirds",
        price: "12 ETH",
        profilePath: "/profile/moonbird"
      }
    )
  ] }) }) }) }),
  /* @__PURE__ */ e(
    p,
    {
      componentName: "NFTGrid",
      defaultValues: {
        author: "CryptoPunk",
        authorImage: "https://i.pravatar.cc/80?img=1",
        image: "https://picsum.photos/seed/nft1/400/300",
        name: "CryptoPunk #1234",
        collection: "Crypto Punks",
        price: "45 ETH",
        profilePath: ""
      },
      controlOverrides: [
        {
          name: "author",
          type: "text",
          description: "NFT author name"
        },
        {
          name: "name",
          type: "text",
          description: "NFT item name"
        },
        {
          name: "collection",
          type: "text",
          description: "Collection name"
        },
        {
          name: "price",
          type: "text",
          description: "Price display text"
        }
      ],
      includeProps: ["author", "name", "collection", "price", "profilePath"],
      children: (a) => /* @__PURE__ */ e("div", { className: "w-full max-w-xs", children: /* @__PURE__ */ e(
        t,
        {
          ...a,
          authorImage: "https://i.pravatar.cc/80?img=1",
          image: "https://picsum.photos/seed/nft1/400/300"
        }
      ) })
    }
  ),
  /* @__PURE__ */ e(n, { componentName: "NFTGrid" }),
  /* @__PURE__ */ e(i, { className: "overflow-hidden", children: /* @__PURE__ */ e(r, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
    m,
    {
      language: "tsx",
      code: `import { NFTGrid } from '@e-burgos/tucu-ui';

// Single card
<NFTGrid
  author="CryptoPunk"
  authorImage="/avatars/cryptopunk.jpg"
  image="/nfts/punk-1234.jpg"
  name="CryptoPunk #1234"
  collection="Crypto Punks"
  price="45 ETH"
  profilePath="/profile/cryptopunk"
/>

// Grid layout
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-5">
  <NFTGrid {...nft1} />
  <NFTGrid {...nft2} />
  <NFTGrid {...nft3} />
</div>`
    }
  ) }) }) })
] });
export {
  T as default
};
