// @flow
import React from 'react';
import { storiesOf } from '@storybook/react';
import { withInfo } from '@storybook/addon-info';
import { configDocs } from '../../../.storybook/config-docs';
import { {{upperCamelCase componentName}} } from './{{dashCase componentName}}.component';
import type { {{upperCamelCase componentName}}Props } from './{{dashCase componentName}}.proptypes';

import docs from './{{constantCase componentName}}.mkd';

const DEFAULT_PROPS: {{upperCamelCase componentName}}Props = {
  /* Add Default Props here */
};

storiesOf('{{componentBucket path}}/{{upperCamelCase componentName}}', module)
  .addDecorator(withInfo(configDocs(docs, {{upperCamelCase componentName}})))
  .add('normal', withDocs(docs)(() => <{{upperCamelCase componentName}} {...DEFAULT_PROPS} />));
