From 8b24f3427ccc0a1bfece950ab4289a563f00b66c Mon Sep 17 00:00:00 2001
From: Vinayak Kulkarni <inbox.vinayak@gmail.com>
Date: Tue, 19 May 2020 01:17:59 +0530
Subject: [PATCH] feat(storybook): add stories for the component

---
 .storybook/config.js       |  4 ++++
 .storybook/main.js         |  3 +++
 src/VGithubIcon.stories.js | 32 ++++++++++++++++++++++++++++++++
 3 files changed, 39 insertions(+)
 create mode 100644 .storybook/config.js
 create mode 100644 .storybook/main.js
 create mode 100644 src/VGithubIcon.stories.js

diff --git a/.storybook/config.js b/.storybook/config.js
new file mode 100644
index 00000000..47e9d670
--- /dev/null
+++ b/.storybook/config.js
@@ -0,0 +1,4 @@
+import Vue from 'vue';
+import VueCompositionApi from '@vue/composition-api';
+
+Vue.use(VueCompositionApi);
\ No newline at end of file
diff --git a/.storybook/main.js b/.storybook/main.js
new file mode 100644
index 00000000..ac19e88f
--- /dev/null
+++ b/.storybook/main.js
@@ -0,0 +1,3 @@
+module.exports = {
+  stories: ['../src/**/*.stories.[tj]s'],
+};
\ No newline at end of file
diff --git a/src/VGithubIcon.stories.js b/src/VGithubIcon.stories.js
new file mode 100644
index 00000000..03cd88ed
--- /dev/null
+++ b/src/VGithubIcon.stories.js
@@ -0,0 +1,32 @@
+import VGithubIcon from './index';
+
+export default { title: 'GitHub Icon' };
+
+export const withUrlProp = () => ({
+  components: { VGithubIcon },
+  template: '<v-github-icon url="https://vinayakkulkarni.dev" />',
+});
+
+export const withTopLeftPosition = () => ({
+  components: { VGithubIcon },
+  template:
+    '<v-github-icon url="https://vinayakkulkarni.dev" position="top-left" />',
+});
+
+export const withBgColorProp = () => ({
+  components: { VGithubIcon },
+  template:
+    '<v-github-icon url="https://vinayakkulkarni.dev" bg-color="red" />',
+});
+
+export const withFillColorProp = () => ({
+  components: { VGithubIcon },
+  template:
+    '<v-github-icon url="https://vinayakkulkarni.dev" fill-color="red" />',
+});
+
+export const withBgAndFillColorProp = () => ({
+  components: { VGithubIcon },
+  template:
+    '<v-github-icon url="https://vinayakkulkarni.dev" bg-color="rgba(10, 150, 200)" fill-color="rgba(255, 150, 20)" />',
+});