33 lines
696 B
TypeScript
33 lines
696 B
TypeScript
import type { Decorator, Preview } from "@storybook/react";
|
|
|
|
const ThemeDecorator: Decorator = (Story) => (
|
|
<div style={{ display: "flex", gap: "16px" }}>
|
|
<div data-theme="light" style={{ flex: 1 }}>
|
|
<Story />
|
|
</div>
|
|
<div data-theme="dark" style={{ flex: 1, backgroundColor: "#09090b", padding: "8px" }}>
|
|
<Story />
|
|
</div>
|
|
</div>
|
|
);
|
|
|
|
const LocaleDecorator: Decorator = (Story) => (
|
|
<div lang="en">
|
|
<Story />
|
|
</div>
|
|
);
|
|
|
|
const preview: Preview = {
|
|
decorators: [ThemeDecorator, LocaleDecorator],
|
|
parameters: {
|
|
controls: {
|
|
matchers: {
|
|
color: /(background|color)$/i,
|
|
date: /Date$/i,
|
|
},
|
|
},
|
|
},
|
|
};
|
|
|
|
export default preview;
|