1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-18 07:23:21 +01:00
metamask-extension/ui/app/pages/swaps/main-quote-summary/main-quote-summary.stories.js
2020-11-02 17:41:28 -06:00

32 lines
909 B
JavaScript

import React from 'react'
import { text, number } from '@storybook/addon-knobs/react'
import MainQuoteSummary from './main-quote-summary'
export default {
title: 'MainQuoteSummary',
}
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>
)
}