import React, { ReactChild } from 'react';
import BigNumber from 'bignumber.js';
import { Meta, Story } from '@storybook/react/types-6-0';
import { Header } from '.';
import { HeaderProps } from './HeaderProps';

export default {
  title: 'Header',
  component: Header,
} as Meta;

const Template: Story<HeaderProps> = (args) => <Header {...args} />;

export const Default = Template.bind({});
Default.args = {
  network: 'Alcyone',
  walletAddress:
    '0x1906c0a0f58364d3f71c4e94e1361af9810666445564840c96f9f1a965cf6045',
  balance: new BigNumber('87179.3'),
  right: null,
} as HeaderProps & { children?: ReactChild };
