You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
43 lines
949 B
43 lines
949 B
import React from 'react';
|
|
import { DISPLAY } from '../../../../helpers/constants/design-system';
|
|
|
|
import Box from '../../../ui/box';
|
|
import DetectedTokenAggregators from './detected-token-aggregators';
|
|
|
|
export default {
|
|
title: 'Components/App/DetectedToken/DetectedTokenAggregators',
|
|
id: __filename,
|
|
argTypes: {
|
|
aggregators: { control: 'array' },
|
|
},
|
|
args: {
|
|
aggregators1: [
|
|
'Aave',
|
|
'Bancor',
|
|
'CMC',
|
|
'Crypto.com',
|
|
'CoinGecko',
|
|
'1inch',
|
|
'Paraswap',
|
|
'PMM',
|
|
'Synthetix',
|
|
'Zapper',
|
|
'Zerion',
|
|
'0x',
|
|
],
|
|
aggregators2: ['Aave', 'Bancor'],
|
|
},
|
|
};
|
|
|
|
const Template = (args) => {
|
|
return (
|
|
<Box display={DISPLAY.GRID}>
|
|
<DetectedTokenAggregators aggregators={args.aggregators1} />
|
|
<DetectedTokenAggregators aggregators={args.aggregators2} />
|
|
</Box>
|
|
);
|
|
};
|
|
|
|
export const DefaultStory = Template.bind({});
|
|
|
|
DefaultStory.storyName = 'Default';
|
|
|