diff options
Diffstat (limited to '.storybook/withTheme/index.tsx')
-rw-r--r-- | .storybook/withTheme/index.tsx | 6 |
1 files changed, 4 insertions, 2 deletions
diff --git a/.storybook/withTheme/index.tsx b/.storybook/withTheme/index.tsx index b357aa658..b2f80f438 100644 --- a/.storybook/withTheme/index.tsx +++ b/.storybook/withTheme/index.tsx | |||
@@ -2,7 +2,9 @@ import React from 'react'; | |||
2 | import { Classes } from 'jss'; | 2 | import { Classes } from 'jss'; |
3 | import injectSheet, { ThemeProvider } from 'react-jss'; | 3 | import injectSheet, { ThemeProvider } from 'react-jss'; |
4 | import addons, { makeDecorator } from '@storybook/addons'; | 4 | import addons, { makeDecorator } from '@storybook/addons'; |
5 | import theme, { Theme, ThemeType } from '../../packages/theme/src'; | 5 | import theme, { ThemeType, Theme } from '@meetfranz/theme'; |
6 | |||
7 | console.log(theme); | ||
6 | 8 | ||
7 | const defaultTheme = { | 9 | const defaultTheme = { |
8 | name: 'Default', | 10 | name: 'Default', |
@@ -29,7 +31,7 @@ const styles = (theme: Theme) => ({ | |||
29 | }, | 31 | }, |
30 | }); | 32 | }); |
31 | 33 | ||
32 | const Container = injectSheet(styles)(({ name, classes, story }: { name: string, classes: Classes, story: React.ReactNode }) => ( | 34 | const Container = injectSheet(styles)(({ name, classes, story }: { name: string, classes: Classes, story: any }) => ( |
33 | <article> | 35 | <article> |
34 | <h1 className={classes.title}>{name}</h1> | 36 | <h1 className={classes.title}>{name}</h1> |
35 | <div className={classes.container}> | 37 | <div className={classes.container}> |