2022-04-02 23:33:35 +02:00
|
|
|
import React from 'react';
|
|
|
|
|
|
|
|
import DetectedTokenDetails from './detected-token-details';
|
|
|
|
|
|
|
|
export default {
|
|
|
|
title: 'Components/App/DetectedToken/DetectedTokenDetails',
|
|
|
|
id: __filename,
|
|
|
|
argTypes: {
|
2022-06-28 15:11:19 +02:00
|
|
|
address: { control: 'text' },
|
2022-04-02 23:33:35 +02:00
|
|
|
},
|
|
|
|
args: {
|
2022-06-28 15:11:19 +02:00
|
|
|
address: '0xc011a73ee8576fb46f5e1c5751ca3b9fe0af2a6f',
|
2022-04-02 23:33:35 +02:00
|
|
|
},
|
|
|
|
};
|
|
|
|
|
|
|
|
const Template = (args) => {
|
|
|
|
return (
|
|
|
|
<div style={{ width: '320px' }}>
|
2022-06-28 15:11:19 +02:00
|
|
|
<DetectedTokenDetails tokenAddress={args.address} />
|
2022-04-02 23:33:35 +02:00
|
|
|
</div>
|
|
|
|
);
|
|
|
|
};
|
|
|
|
|
|
|
|
export const DefaultStory = Template.bind({});
|
|
|
|
|
|
|
|
DefaultStory.storyName = 'Default';
|