@violetprotocol/nudge-components
Version:
Components for Nudge's websites and applications.
39 lines (38 loc) • 1.11 kB
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import { TokenDropdown } from "./TokenDropdown";
import { useState } from "react";
const meta = {
component: TokenDropdown,
};
export default meta;
const mockTokens = [
{
symbol: "rsETH",
iconUri: "/tokens/kelp.webp",
},
{
iconUri: "/tokens/renzo.webp",
symbol: "ezETH",
},
{
iconUri: "/tokens/puffer-finance.webp",
symbol: "pufETH",
},
];
const TokenDropdownExample = () => {
const [selectedToken, setSelectedToken] = useState(mockTokens[0]);
return (_jsx(TokenDropdown, { tokens: mockTokens, selectedToken: selectedToken, onSelectToken: (token) => setSelectedToken(token), ImageComponent: "img" }));
};
export const Primary = {
render: () => _jsx(TokenDropdownExample, {}),
args: {
tokens: mockTokens,
selectedToken: mockTokens[0],
},
parameters: {},
};
export const SingleToken = {
render: () => (_jsx(TokenDropdown, { tokens: [mockTokens[1]], selectedToken: mockTokens[1], ImageComponent: "img" })),
args: {},
parameters: {},
};