import React from 'react';
import { Provider } from 'react-redux';
import { action } from '@storybook/addon-actions';
import configureStore from '../../../../store/store';
import testData from '../../../../../.storybook/test-data';

import SendAssetRow from './send-asset-row.component';

// Using Test Data For Redux
const store = configureStore(testData);

export default {
  title: 'SendAssetRow',
  id: __filename,
  decorators: [(story) => <Provider store={store}>{story()}</Provider>],
};

export const SendAssetRowComponent = () => {
  const { metamask } = store.getState();

  const { identities, assetImages, tokens } = metamask;

  return (
    <SendAssetRow
      tokens={tokens}
      selectedAddress="0x983211ce699ea5ab57cc528086154b6db1ad8e55"
      accounts={identities}
      assetImages={assetImages}
      setSendToken={() => undefined}
      setUnsendableAssetError={() => undefined}
      updateSendErrors={() => undefined}
      updateSendAsset={() => undefined}
      updateTokenType={(type) => action(`Selected Token: ${type}`)()}
    />
  );
};