import React from 'react';
import {storiesOf} from '@storybook/react';
import {text} from '@storybook/addon-knobs';

import {Tooltip} from '../../index';

export default storiesOf('Components | Tooltip', module)
  .add('default view', () => (
    <Tooltip
      id={text('id', 'Tooltip')}
      tip={text('tip', 'Payout balance - the funds that will be included in the withdrawal on the payment date.')}
    >
      <span>Hover me</span>
    </Tooltip>
  ));