1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-05 23:44:56 +01:00
metamask-extension/ui/components/app/edit-gas-display/edit-gas-display.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

37 lines
673 B
JavaScript

import React from 'react';
import EditGasDisplay from '.';
export default {
title: 'Components/App/EditGasDisplay',
id: __filename,
};
export const DefaultStory = () => {
return (
<div style={{ width: '600px' }}>
<EditGasDisplay />
</div>
);
};
DefaultStory.storyName = 'Default';
export const WithEducation = () => {
return (
<div style={{ width: '600px' }}>
<EditGasDisplay showEducationButton />
</div>
);
};
export const WithDappSuggestedGas = () => {
return (
<div style={{ width: '600px' }}>
<EditGasDisplay
dappSuggestedGasFee="100000"
dappOrigin="davidwalsh.name"
/>
</div>
);
};