church-website/.storybook/preview.tsx
2024-11-26 13:00:30 +01:00

32 lines
640 B
TypeScript

import type { Preview } from '@storybook/react'
import { defaultFont } from '../src/app/fonts'
const preview: Preview = {
decorators: [
(Story) => {
return (
<div className={defaultFont.className}>
<Story />
</div>
)
},
],
parameters: {
controls: {
matchers: {
color: /(background|color)$/i,
date: /Date$/i,
},
},
backgrounds: {
values: [
{ name: "light", value: "#ffffff" },
{ name: "shade2", value: "#CBD6D5" },
{ name: 'dark', value: "#728F8D" }
],
default: "light"
}
}
}
export default preview