mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-05 07:24:56 +01:00
44 lines
949 B
JavaScript
44 lines
949 B
JavaScript
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';
|