From e1e46986d902adc4c19ee009016290f9733a7d61 Mon Sep 17 00:00:00 2001
From: Stefan Malzner <stefan@adlk.io>
Date: Mon, 5 Aug 2019 16:48:25 +0200
Subject: Enable tree shaking for icons

---
 uidev/src/stories/icon.stories.tsx | 47 ++++----------------------------------
 1 file changed, 4 insertions(+), 43 deletions(-)

(limited to 'uidev/src/stories/icon.stories.tsx')

diff --git a/uidev/src/stories/icon.stories.tsx b/uidev/src/stories/icon.stories.tsx
index c8e7f8ced..f9aa1635b 100644
--- a/uidev/src/stories/icon.stories.tsx
+++ b/uidev/src/stories/icon.stories.tsx
@@ -1,53 +1,14 @@
-import { observable } from 'mobx';
-import { observer } from 'mobx-react';
+import { mdiAccountCircle } from '@mdi/js';
 import React from 'react';
-import uuid from 'uuid/v4';
 
 import { Icon } from '@meetfranz/ui';
 import { storiesOf } from '../stores/stories';
 
-// interface IStoreArgs {
-//   value?: boolean;
-//   checked?: boolean;
-//   label?: string;
-//   id?: string;
-//   name?: string;
-//   disabled?: boolean;
-//   error?: string;
-// }
-
-// const createStore = (args?: IStoreArgs) => {
-//   return observable(Object.assign({
-//     id: `element-${uuid()}`,
-//     name: 'toggle',
-//     label: 'Label',
-//     value: true,
-//     checked: false,
-//     disabled: false,
-//     error: '',
-//   },                              args));
-// };
-
-// const WithStoreToggle = observer(({ store }: { store: any }) => (
-//   <>
-//     <Toggle
-//       value={store.value}
-//       checked={store.checked}
-//       label={store.label}
-//       id={store.id}
-//       name={store.name}
-//       disabled={store.disabled}
-//       error={store.error}
-//       onChange={() => store.checked = !store.checked}
-//     />
-//   </>
-// ));
-
 storiesOf('Icon')
   .add('Basic', () => (
     <>
-      <Icon icon="mdiAccountCircle" />
-      <Icon icon="mdiAccountCircle" size={2} />
-      <Icon icon="mdiAccountCircle" size={3} />
+      <Icon icon={mdiAccountCircle} />
+      <Icon icon={mdiAccountCircle} size={2} />
+      <Icon icon={mdiAccountCircle} size={3} />
     </>
   ));
-- 
cgit v1.2.3-70-g09d2

