import React from 'react';
import {storiesOf} from '@storybook/react';
import {
  text,
  boolean,
} from '@storybook/addon-knobs';
import MoneyDashboard from '../../Components/MoneyDashboard';

export default storiesOf('Components | MoneyDashboard', module)
  .add('default', () => (
    <MoneyDashboard
      title={<span>{text('title', 'Total balance')}</span>}
      tooltip={<span>{text('tooltip', 'Total balance tooltip')}</span>}
      value={100}
      isLoading={boolean('isLoading', false)}
    />
  ));