import { jsxs as a, Fragment as t, jsx as e } from "react/jsx-runtime";
import { H as m, C as i, a as r, T as c, L as n, B as l, E as d, P as h, A as u, c as p } from "../index-sdOMz8GW.js";
import { TrendingUp as v } from "lucide-react";
import "react-router-dom";
import "react";
import "react-dom";
const C = () => {
  const s = [
    { name: 1, value: 45e3 },
    { name: 2, value: 45200 },
    { name: 3, value: 44800 },
    { name: 4, value: 45100 },
    { name: 5, value: 45300 }
  ];
  return /* @__PURE__ */ a(t, { children: [
    /* @__PURE__ */ e(
      m,
      {
        title: "LivePriceFeed",
        description: "Real-time price display with integrated chart visualization for cryptocurrency price tracking.",
        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-green-500 via-emerald-500 to-teal-500 rounded-full flex items-center justify-center shadow-lg border border-green-500/50", children: /* @__PURE__ */ e(v, { 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: "Basic Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a("div", { className: "space-y-4", children: [
      /* @__PURE__ */ a(i, { className: "p-4", children: [
        /* @__PURE__ */ e(c, { tag: "h5", className: "mb-3", children: "With Chart" }),
        /* @__PURE__ */ e(
          n,
          {
            id: "bitcoin",
            name: "Bitcoin",
            symbol: "BTC",
            icon: /* @__PURE__ */ e(l, { className: "w-6 h-6" }),
            balance: "1.25",
            usdBalance: "45,000",
            change: "+2.5%",
            isChangePositive: !0,
            prices: s
          }
        )
      ] }),
      /* @__PURE__ */ a(i, { className: "p-4", children: [
        /* @__PURE__ */ e(c, { tag: "h5", className: "mb-3", children: "Negative Change" }),
        /* @__PURE__ */ e(
          n,
          {
            id: "ethereum",
            name: "Ethereum",
            symbol: "ETH",
            icon: /* @__PURE__ */ e(d, { className: "w-6 h-6" }),
            balance: "5.5",
            usdBalance: "16,500",
            change: "-1.8%",
            isChangePositive: !1,
            prices: [
              { name: 1, value: 3e3 },
              { name: 2, value: 2950 },
              { name: 3, value: 2980 },
              { name: 4, value: 2920 },
              { name: 5, value: 2900 }
            ]
          }
        )
      ] })
    ] }) }) }) }),
    /* @__PURE__ */ e(
      h,
      {
        componentName: "LivePriceFeed",
        defaultValues: {
          id: "bitcoin",
          name: "Bitcoin",
          symbol: "BTC",
          balance: "1.25",
          usdBalance: "45,000",
          change: "+2.5%",
          isChangePositive: !0,
          isBorder: !1
        },
        controlOverrides: [
          {
            name: "isChangePositive",
            type: "boolean",
            description: "Whether the price change is positive"
          },
          {
            name: "isBorder",
            type: "boolean",
            description: "Show border around the component"
          }
        ],
        includeProps: [
          "id",
          "name",
          "symbol",
          "balance",
          "usdBalance",
          "change",
          "isChangePositive",
          "isBorder"
        ],
        children: (o) => /* @__PURE__ */ e("div", { className: "w-full", children: /* @__PURE__ */ e(
          n,
          {
            ...o,
            icon: /* @__PURE__ */ e(l, { className: "w-6 h-6" }),
            prices: s
          }
        ) })
      }
    ),
    /* @__PURE__ */ e(u, { componentName: "LivePriceFeed" }),
    /* @__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(
      p,
      {
        language: "tsx",
        code: `import { LivePriceFeed } from '@e-burgos/tucu-ui';

const priceData = [
  { name: 1, value: 45000 },
  { name: 2, value: 45200 },
  { name: 3, value: 44800 },
  { name: 4, value: 45100 },
];

<LivePriceFeed
  id="bitcoin"
  name="Bitcoin"
  symbol="BTC"
  icon={<Bitcoin />}
  balance="1.25"
  usdBalance="45,000"
  change="+2.5%"
  isChangePositive={true}
  prices={priceData}
/>`
      }
    ) }) }) })
  ] });
};
export {
  C as default
};
