import React from "react"
import type { Preview } from "@storybook/react-webpack5"
import "../src/globalstyles.scss"
import { pdhDark, pdhLight } from "./pdhTheme"
import { Controls, Description, Primary, Stories, Subtitle, Title } from "@storybook/addon-docs/blocks"

const preview: Preview = {
    parameters: {
        darkMode: {
            dark: {
                ...pdhDark,
            },
            light: {
                ...pdhLight,
            },
        },
        options: {
            storySort: {
                order: ["foundations", "atoms", "components", "molecules", "organisms"],
                method: "alphabetical",
            },
        },
        docs: {
            page: () => (
                <>
                    <Title />
                    <Subtitle />
                    <Description />
                    <Primary />
                    <Controls />
                    <Stories includePrimary={false} />
                </>
            ),
        },
    },
    tags: ["autodocs"],
}

export default preview