import { jsxs as e, Fragment as l, jsx as r } from "react/jsx-runtime";
import { H as t, C as o, a as n, T as a, g as s, P as i, A as m, c as d } from "../index-sdOMz8GW.js";
import { ArrowLeftRight as p } from "lucide-react";
import "react-router-dom";
import "react";
import "react-dom";
const S = () => /* @__PURE__ */ e(l, { children: [
  /* @__PURE__ */ r(
    t,
    {
      title: "CurrencySwapIcons",
      description: "Component for displaying currency swap pairs with overlapping icons and pair label. Supports all major cryptocurrencies.",
      icon: /* @__PURE__ */ r("div", { className: "w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-pink-500 via-rose-500 to-red-500 rounded-full flex items-center justify-center shadow-lg border border-pink-500/50", children: /* @__PURE__ */ r(p, { className: "w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg" }) })
    }
  ),
  /* @__PURE__ */ r(o, { className: "overflow-hidden", children: /* @__PURE__ */ r(n, { title: "Basic Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ r("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", children: [
    /* @__PURE__ */ e(o, { className: "p-4", children: [
      /* @__PURE__ */ r(a, { tag: "h5", className: "mb-3", children: "BTC to ETH" }),
      /* @__PURE__ */ r(s, { from: "BTC", to: "ETH" })
    ] }),
    /* @__PURE__ */ e(o, { className: "p-4", children: [
      /* @__PURE__ */ r(a, { tag: "h5", className: "mb-3", children: "ETH to USDT" }),
      /* @__PURE__ */ r(s, { from: "ETH", to: "USDT" })
    ] }),
    /* @__PURE__ */ e(o, { className: "p-4", children: [
      /* @__PURE__ */ r(a, { tag: "h5", className: "mb-3", children: "USDT to BNB" }),
      /* @__PURE__ */ r(s, { from: "USDT", to: "BNB" })
    ] })
  ] }) }) }) }),
  /* @__PURE__ */ r(
    i,
    {
      componentName: "CurrencySwapIcons",
      defaultValues: {
        from: "BTC",
        to: "ETH"
      },
      controlOverrides: [
        {
          name: "from",
          type: "select",
          options: ["BTC", "ETH", "USDT", "BNB", "USDC", "ADA", "DOGE"],
          description: "Source currency"
        },
        {
          name: "to",
          type: "select",
          options: ["BTC", "ETH", "USDT", "BNB", "USDC", "ADA", "DOGE"],
          description: "Target currency"
        }
      ],
      includeProps: ["from", "to"],
      children: (c) => /* @__PURE__ */ r("div", { className: "w-full flex justify-center", children: /* @__PURE__ */ r(s, { from: c.from, to: c.to }) })
    }
  ),
  /* @__PURE__ */ r(m, { componentName: "CurrencySwapIcons" }),
  /* @__PURE__ */ r(o, { className: "overflow-hidden", children: /* @__PURE__ */ r(n, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ r("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ r(
    d,
    {
      language: "tsx",
      code: `import { CurrencySwapIcons } from '@e-burgos/tucu-ui';

<CurrencySwapIcons from="BTC" to="ETH" />
<CurrencySwapIcons from="ETH" to="USDT" />
<CurrencySwapIcons from="USDT" to="BNB" />

// Supported coins: 'BTC' | 'ETH' | 'USDT' | 'BNB' | 'USDC' | 'ADA' | 'DOGE'`
    }
  ) }) }) })
] });
export {
  S as default
};
