import "../styles/globals.css";
import { SessionProvider } from "next-auth/react";
import { initialize, mswLoader } from "msw-storybook-addon";
import { handlers } from "./mocks/handlers";

initialize();

globalThis.__STORYBOOK_SEARCH_PARAMS__ = globalThis.__STORYBOOK_SEARCH_PARAMS__ || {};

const mockSession = {
  user: { name: "Story User", email: "story@shiftedoffroad.com" },
  expires: "2099-01-01T00:00:00.000Z",
};

const preview = {
  decorators: [
    (Story) => (
      <SessionProvider session={mockSession}>
        <Story />
      </SessionProvider>
    ),
  ],
  loaders: [mswLoader],
  parameters: {
    msw: { handlers },
    actions: { argTypesRegex: "^on[A-Z].*" },
    controls: {
      matchers: {
        color: /(background|color)$/i,
        date: /Date$/,
      },
    },
  },
};

export default preview;