AFFiNE/packages/component/.storybook/preview.tsx
2023-03-10 23:15:19 -06:00

29 lines
686 B
TypeScript

import React from 'react';
import '@blocksuite/editor/themes/affine.css';
import { getDarkTheme, getLightTheme, ThemeProvider } from '../src';
import { useDarkMode } from 'storybook-dark-mode-v7';
export const parameters = {
actions: { argTypesRegex: '^on[A-Z].*' },
controls: {
matchers: {
color: /(background|color)$/i,
date: /Date$/,
},
},
};
const lightTheme = getLightTheme('page');
const darkTheme = getDarkTheme('page');
export const decorators = [
(Story: React.ComponentType) => {
const isDark = useDarkMode();
return (
<ThemeProvider theme={isDark ? darkTheme : lightTheme}>
<Story />
</ThemeProvider>
);
},
];