cli: rax stories homogenization

lib/cli/src/generators/RAX/template-csf/.storybook/main.js

@@ -1,3 +1,4 @@
 module.exports = {
   stories: ['../stories/**/*.stories.js'],
+  addons: ['@storybook/addon-actions', '@storybook/addon-links'],
 };

lib/cli/src/generators/RAX/template-csf/stories/1-Button.stories.js

@@ -0,0 +1,50 @@
+import { createElement } from 'rax';
+import { action } from '@storybook/addon-actions';
+import { linkTo } from '@storybook/addon-links';
+
+import Text from 'rax-text';
+
+export default {
+  title: 'Button',
+};
+
+export const text = () => (
+  <button type="button">
+    <Text>Hello Button</Text>
+  </button>
+);
+
+export const Emoji = () => (
+  <button onClick={action('clicked')} type="button">
+    <Text role="img" aria-label="so cool">
+      😀 😎 👍 💯
+    </Text>
+  </button>
+);
+
+Emoji.story = {
+  parameters: { notes: 'My notes on a button with emojis' },
+};
+
+export const WithSomeEmojiAndAction = () => (
+  <button onClick={action('This was clicked')} type="button">
+    <Text role="img" aria-label="so cool">
+      😀 😎 👍 💯
+    </Text>
+  </button>
+);
+
+WithSomeEmojiAndAction.story = {
+  name: 'with some emoji and action',
+  parameters: { notes: 'My notes on a button with emojis' },
+};
+
+export const ButtonWithLinkToAnotherStory = () => (
+  <button onClick={linkTo('Welcome')} type="button">
+    <Text>Go to Welcome Story</Text>
+  </button>
+);
+
+ButtonWithLinkToAnotherStory.story = {
+  name: 'button with link to another story',
+};