import React from 'react';
import {storiesOf} from '@storybook/react';
import {boolean, number, select} from '@storybook/addon-knobs';

import Currency, {CURRENCY_SIGNS} from '../../Components/Currency/src';
import currencyNote from '../../Components/Currency/README.md';

export default storiesOf('Titles and text | Currency', module)
  .add('Default', () => (
    <Currency
      value={number('Value', 1234.56)}
      currencyCode={select('Sign', Object.keys(CURRENCY_SIGNS), 'USD')}
      decimalPosition={number('Decimal position', 3)}
      showSign={boolean('ShowSign', false)}
    />
  ), {
    notes: currencyNote,
  });