DocSpace-buildtools/packages/components/.storybook/contexts/theme-context.js

38 lines
694 B
JavaScript

import PropTypes from "prop-types";
import ThemeProvider from "../../theme-provider/";
import { Base, Dark } from "../../themes/index";
const ThemeWrapper = ({ theme, children }) => (
<ThemeProvider theme={theme}>{children}</ThemeProvider>
);
ThemeWrapper.propTypes = {
theme: PropTypes.any,
};
const themeParams = [
{
name: "Default Theme",
props: { theme: Base },
default: true,
},
{
name: "Dark Theme",
props: { theme: Dark },
},
];
const ThemeContext = {
icon: "photo",
title: "Themes",
components: [ThemeWrapper],
params: themeParams,
options: {
deep: true,
disable: false,
cancelable: false,
},
};
export default ThemeContext;