change csf2 to csf3 by codemod

Author: stomita

stories/Badge.stories.tsx

@@ -1,40 +1,31 @@
 import React from 'react';
 import { action } from '@storybook/addon-actions';
 import { Badge } from '../src/scripts';
-
 export default {
   title: 'Badge',
 };
-
-export const Default = () => (
-  <Badge onClick={action('click')}>Badge Label</Badge>
-);
-
-Default.story = {
+export const Default = {
+  render: () => <Badge onClick={action('click')}>Badge Label</Badge>,
   parameters: {
     info: 'Default badge',
   },
 };
-
-export const Shade = () => (
-  <Badge type='shade' onClick={action('click')}>
-    Badge Label
-  </Badge>
-);
-
-Shade.story = {
+export const Shade = {
+  render: () => (
+    <Badge type='shade' onClick={action('click')}>
+      Badge Label
+    </Badge>
+  ),
   parameters: {
     info: 'Badge with type: shade',
   },
 };
-
-export const Inverse = () => (
-  <Badge type='inverse' onClick={action('click')}>
-    Badge Label
-  </Badge>
-);
-
-Inverse.story = {
+export const Inverse = {
+  render: () => (
+    <Badge type='inverse' onClick={action('click')}>
+      Badge Label
+    </Badge>
+  ),
   parameters: {
     info: 'Badge with type: inverse',
   },

stories/BreadCrumbs.stories.tsx

@@ -1,18 +1,17 @@
 import React from 'react';
 import { action } from '@storybook/addon-actions';
 import { BreadCrumbs, Crumb } from '../src/scripts';
-
 export default {
   title: 'BreadCrumbs',
 };
-
-export const Default = () => (
-  <BreadCrumbs>
-    <Crumb onClick={action('crumb1#click')}>Parent Entity</Crumb>
-    <Crumb onClick={action('crumb2#click')}>Parent Record Name</Crumb>
-  </BreadCrumbs>
-);
-
-Default.story = {
-  parameters: { info: 'Default BreadCrumbs' },
+export const Default = {
+  render: () => (
+    <BreadCrumbs>
+      <Crumb onClick={action('crumb1#click')}>Parent Entity</Crumb>
+      <Crumb onClick={action('crumb2#click')}>Parent Record Name</Crumb>
+    </BreadCrumbs>
+  ),
+  parameters: {
+    info: 'Default BreadCrumbs',
+  },
 };