mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
854fc71ae7
* Organizing storybook to echo app folder structure * Updating new stories to follow new convention from develop
35 lines
979 B
JavaScript
35 lines
979 B
JavaScript
import React from 'react';
|
|
import { text, number } from '@storybook/addon-knobs';
|
|
import MainQuoteSummary from './main-quote-summary';
|
|
|
|
export default {
|
|
title: 'Pages/Swaps/MainQuoteSummary',
|
|
id: __filename,
|
|
};
|
|
|
|
export const DefaultStory = () => {
|
|
return (
|
|
<div
|
|
style={{
|
|
width: '360px',
|
|
height: '224px',
|
|
border: '1px solid black',
|
|
padding: '24px',
|
|
}}
|
|
>
|
|
<MainQuoteSummary
|
|
sourceValue={text('sourceValue', '2000000000000000000')}
|
|
sourceDecimals={number('sourceDecimals', 18)}
|
|
sourceSymbol={text('sourceSymbol', 'ETH')}
|
|
destinationValue={text('destinationValue', '200000000000000000')}
|
|
destinationDecimals={number('destinationDecimals', 18)}
|
|
destinationSymbol={text('destinationSymbol', 'ABC')}
|
|
sourceIconUrl=".storybook/images/metamark.svg"
|
|
destinationIconUrl=".storybook/images/sai.svg"
|
|
/>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
DefaultStory.storyName = 'Default';
|