import { action } from '@storybook/addon-actions';
import { Meta, Story, Props } from '@storybook/addon-docs/blocks';
import { NumberInput } from '../src/index';
import { Coffee } from 'react-feather';
import NumericInput from 'react-numeric-input';

<Meta title="Components|NumberInput" component={NumberInput} />

# NumberInput

<Props of={NumberInput} />

## Simple

<Story name="simple">
  <NumberInput />
</Story>

## Step

<Story name="step">
  <NumberInput step={0.05} disabled />
</Story>

## Precision

<Story name="precision">
  <NumberInput precision={2} defaultValue={15.25} />
</Story>

## Format

<Story name="format">
  <NumberInput
    precision={2}
    format={value => {
      return '$ ' + value + ',-';
    }}
  />
</Story>