saleor-dashboard/src/storybook/Decorator.tsx

29 lines
859 B
TypeScript
Raw Normal View History

2019-06-19 14:40:52 +00:00
import * as React from "react";
import { Provider as DateProvider } from "../components/Date/DateContext";
import { FormProvider } from "../components/Form";
import { MessageManager } from "../components/messages";
import ThemeProvider from "../components/Theme";
import { TimezoneProvider } from "../components/Timezone";
export const Decorator = storyFn => (
<FormProvider>
<DateProvider value={+new Date("2018-08-07T14:30:44+00:00")}>
<TimezoneProvider value="America/New_York">
<ThemeProvider isDefaultDark={false}>
<MessageManager>
<div
style={{
padding: 24
}}
>
{storyFn()}
</div>
</MessageManager>
</ThemeProvider>
</TimezoneProvider>
</DateProvider>
</FormProvider>
);
export default Decorator;