38 lines
694 B
JavaScript
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;
|