// @flow
import React from 'react';
import { {{upperCamelCase componentName}} } from './{{dashCase componentName}}.component';
import type { {{upperCamelCase componentName}}Props } from './{{dashCase componentName}}.proptypes';
import docs from './{{dashCase componentName}}.mdx';

export default {
  component: {{upperCamelCase componentName}},
  title: '{{upperCamelCase componentName}}',
  parameters: {
    fileName: __filename,
    docs: {
      page: docs,
    },
  },
};

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

export const Default = () => (
  <{{upperCamelCase componentName}} {...DEFAULT_PROPS} >Hello</{{upperCamelCase componentName}}>
);
