metamask-extension/ui/app/pages/swaps/main-quote-summary/main-quote-summary.stories.js

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>
  )
}