From 09e538bf00a6c071f859a8178ad3e66b449a1c53 Mon Sep 17 00:00:00 2001
From: Igor Guastalla de Lima <limaguastallaigor@gmail.com>
Date: Thu, 17 Oct 2019 05:29:46 -0300
Subject: [PATCH] feat(buttons): add storybook for input type file

---
 story/buttons.stories.js | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/story/buttons.stories.js b/story/buttons.stories.js
index 5d8e859e..8211f1eb 100644
--- a/story/buttons.stories.js
+++ b/story/buttons.stories.js
@@ -1,12 +1,16 @@
 import { storiesOf } from '@storybook/html'; // eslint-disable-line import/no-extraneous-dependencies
 import { // eslint-disable-line import/no-extraneous-dependencies
-  withKnobs, radios,
+  withKnobs, radios, select,
 } from '@storybook/addon-knobs';
 
 const stories = storiesOf('Buttons', module);
 stories.addDecorator(withKnobs);
 
 stories.add('button', () => {
+  const buttonType = select('type', {
+    button: 'button',
+    file: 'file',
+  }, 'button');
   const extraClass = radios('class', {
     default: '',
     'is-primary': 'is-primary',
@@ -15,5 +19,10 @@ stories.add('button', () => {
     'is-error': 'is-error',
     'is-disabled': 'is-disabled',
   }, '');
-  return `<button type="button" class="nes-btn ${extraClass}">Normal</button>`;
+  return buttonType === 'file'
+    ? `<label class="nes-btn ${extraClass}">
+      <span>Select your file</span>
+      <input type="file">
+    </label>`
+    : `<button type="button" class="nes-btn ${extraClass}">Normal</button>`;
 });