metamask-extension/ui/components/app/edit-gas-popover/edit-gas-popover.stories.js

import React from 'react';
import EditGasPopover from '.';

export default {
  title: 'Edit Gas Display Popover',
  id: __filename,
};

export const basic = () => {
  return (
    <div style={{ width: '600px' }}>
      <EditGasPopover />
    </div>
  );
};

export const basicWithDifferentButtonText = () => {
  return (
    <div style={{ width: '600px' }}>
      <EditGasPopover confirmButtonText="Custom Value" />
    </div>
  );
};

export const educationalContentFlow = () => {
  return (
    <div style={{ width: '600px' }}>
      <EditGasPopover editGasDisplayProps={{ showEducationButton: true }} />
    </div>
  );
};