text: // @flow
  import React from 'react';
  import { storiesOf } from '@storybook/react';
  import { boolean, number } from '@storybook/addon-knobs';
  import BigNumber from 'bignumber.js';
  
  // Assets and helpers
  import { generateWallet } from '../../_support/utils';
  import WalletsWrapper from '../utils/WalletsWrapper';
  
  // Screens
  import WalletSummary from '../../../../source/renderer/app/components/wallet/summary/WalletSummary';
  
  /* eslint-disable consistent-return */
  storiesOf('Wallets|Summary', module)
    .addDecorator(WalletsWrapper)
    .add('Wallet Summary', () => (
      <WalletSummary
        wallet={generateWallet('Wallet name', '45119903750165')}
        pendingAmount={{
          incoming: new BigNumber(number('Incoming', 1)),
          outgoing: new BigNumber(number('Outgoing', 2)),
          total: new BigNumber(3),
        }}
        numberOfTransactions={number('Number of transactions', 100)}
        numberOfRecentTransactions={number('Number of Recent transactions', 100)}
        isLoadingTransactions={boolean('isLoadingTransactions', false)}
        isRestoreActive={boolean('isRestoreActive', false)}
      />
    ));
  