mirror of
https://github.com/ershisan99/flashcards-example-project.git
synced 2025-12-16 20:59:27 +00:00
52 lines
1.0 KiB
TypeScript
52 lines
1.0 KiB
TypeScript
import type { Preview } from '@storybook/react'
|
|
import '@fontsource/roboto/400.css'
|
|
import '../src/styles/index.scss'
|
|
import { themes } from '@storybook/theming'
|
|
import { ToastContainer } from 'react-toastify'
|
|
import 'react-toastify/dist/ReactToastify.min.css'
|
|
|
|
const preview: Preview = {
|
|
parameters: {
|
|
controls: {
|
|
matchers: {
|
|
color: /(background|color)$/i,
|
|
date: /Date$/,
|
|
},
|
|
},
|
|
docs: {
|
|
theme: themes.dark,
|
|
},
|
|
backgrounds: {
|
|
default: 'dark',
|
|
values: [
|
|
{
|
|
name: 'dark',
|
|
value: '#000',
|
|
},
|
|
],
|
|
},
|
|
},
|
|
}
|
|
export const decorators = [withToasts]
|
|
export default preview
|
|
|
|
function withToasts(Story: any) {
|
|
return (
|
|
<>
|
|
<Story />
|
|
<ToastContainer
|
|
position="top-center"
|
|
autoClose={5000}
|
|
hideProgressBar={false}
|
|
newestOnTop={false}
|
|
closeOnClick
|
|
rtl={false}
|
|
pauseOnFocusLoss
|
|
draggable
|
|
pauseOnHover
|
|
theme="dark"
|
|
/>
|
|
</>
|
|
)
|
|
}
|