import React from 'react';
import { AccountListItemMenu } from '.';

export default {
  title: 'Components/Multichain/AccountListItemMenu',
  component: AccountListItemMenu,
  argTypes: {
    anchorElement: {
      control: 'window.Element',
    },
    onClose: {
      action: 'onClose',
    },
    closeMenu: {
      action: 'closeMenu',
    },
    blockExplorerUrlSubTitle: {
      control: 'text',
    },
    isRemovable: {
      control: 'boolean',
    },
    identity: {
      control: 'object',
    },
    isOpen: {
      control: 'boolean',
    },
  },
  args: {
    anchorElement: null,
    identity: {
      address: '0xb19ac54efa18cc3a14a5b821bfec73d284bf0c5e',
      name: 'Account 1',
      balance: '0x152387ad22c3f0',
      tokenBalance: '32.09 ETH',
    },
    isRemovable: true,
    blockExplorerUrlSubTitle: 'etherscan.io',
    isOpen: true,
  },
};

export const DefaultStory = (args) => <AccountListItemMenu {...args} />;
DefaultStory.storyName = 'Default';