1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-05 15:35:46 +01:00
metamask-extension/ui/pages/swaps/main-quote-summary/main-quote-summary.stories.js
George Marshall 854fc71ae7
Organizing storybook to echo app folder structure (#12796)
* Organizing storybook to echo app folder structure

* Updating new stories to follow new convention from develop
2021-12-01 11:27:57 -08:00

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';