import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
import React from "react";
import PairSelector from "./";
import { Assets } from "./assets";
import BigNumber from "bignumber.js";
export default {
    title: "DEX/Pair selector",
    component: PairSelector,
};
const pairs = [
    {
        asset: "Btc",
        icon: Assets["Btc"].icon,
        chainsName: Assets["Btc"].name,
        currentPrice: new BigNumber("1899.8", 10),
        priceChange: new BigNumber("-124.32", 10),
        priceChangePrc: new BigNumber("-6.41", 10)
    },
    {
        asset: "Btc",
        icon: Assets["Btc"].icon,
        chainsName: Assets["Btc"].name,
        currentPrice: new BigNumber("1899.8", 10),
        priceChange: new BigNumber("124.32", 10),
        priceChangePrc: new BigNumber("6.41", 10)
    },
    {
        asset: "Btc",
        icon: Assets["Btc"].icon,
        chainsName: Assets["Btc"].name,
        currentPrice: new BigNumber("1899.8", 10),
        priceChange: new BigNumber("-124.32", 10),
        priceChangePrc: new BigNumber("-6.41", 10)
    }
];
export const Default = () => {
    const [asset, setAsset] = React.useState("Btc");
    return (_jsx(_Fragment, { children: _jsx("div", { style: { width: "366px" }, children: _jsx(PairSelector, { asset: asset, onAssetChange: setAsset, useAssets: () => pairs }) }) }));
};
//# sourceMappingURL=index.stories.js.map