DEV Community

Discussion on: Use a ThemeProvider component in Storybook

View post
Collapse
 
tiwarishubham profile image
Shubham Tiwari •

What is pathToThemeProvider? What is defined in it in the below snippet??

import { ThemeProvider, theme } from "./pathToThemeProvider"

Collapse
 
brycesnyder profile image
S N Y D E R H A U S • • Edited

I ended up doing this within the themeDecorator.js..

import React from "react";
import { ThemeProvider } from "styled-components";

const theme = {
  colors: {
    red: "#900",
  },
};

const ThemeDecorator = (storyFn) => (
  <ThemeProvider theme={theme}>{storyFn()}</ThemeProvider>
);

export default ThemeDecorator;