1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-05 15:35:46 +01:00
metamask-extension/ui/components/app/detected-token/detected-token-aggregators/detected-token-aggregators.stories.js
2022-05-09 13:47:06 -04:00

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';