From 5593da3e670dfc6e28223d263d0d1b440f198261 Mon Sep 17 00:00:00 2001
From: tooppaaa <clementdungler@gmail.com>
Date: Sat, 9 May 2020 11:28:36 +0200
Subject: [PATCH] cli: preact stories homogenization

---
 .../template-csf/stories/1-Button.stories.js  | 30 +++++++++++++++++++
 1 file changed, 30 insertions(+)

diff --git a/lib/cli/src/generators/PREACT/template-csf/stories/1-Button.stories.js b/lib/cli/src/generators/PREACT/template-csf/stories/1-Button.stories.js
index e4070f9c465a..178bbf9b7769 100644
--- a/lib/cli/src/generators/PREACT/template-csf/stories/1-Button.stories.js
+++ b/lib/cli/src/generators/PREACT/template-csf/stories/1-Button.stories.js
@@ -1,6 +1,7 @@
 /** @jsx h */
 import { h } from 'preact';
 import { action } from '@storybook/addon-actions';
+import { linkTo } from '@storybook/addon-links';
 
 import Button from './Button';
 
@@ -18,3 +19,32 @@ export const Emoji = () => (
     </span>
   </Button>
 );
+
+Emoji.story = {
+  parameters: { notes: 'My notes on a button with emojis' },
+};
+
+export const WithSomeEmojiAndAction = () => (
+  <Button onClick={action('This was clicked')}>
+    <span role="img" aria-label="so cool">
+      😀 😎 👍 💯
+    </span>
+  </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')}>
+    <span role="img" aria-label="so cool">
+      😀 😎 👍 💯
+    </span>
+  </Button>
+);
+
+ButtonWithLinkToAnotherStory.story = {
+  name: 'button with link to another story',
+};