1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-11 20:27:12 +01:00
metamask-extension/ui/app/pages/swaps/main-quote-summary/main-quote-summary.stories.js

32 lines
909 B
JavaScript
Raw Normal View History

import React from 'react';
import { text, number } from '@storybook/addon-knobs';
import MainQuoteSummary from './main-quote-summary';
2020-10-06 20:28:38 +02:00
export default {
title: 'MainQuoteSummary',
};
2020-10-06 20:28:38 +02:00
export const BestQuote = () => {
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>
);
};