import "./preview.css";
import { INITIAL_VIEWPORTS } from "storybook/viewport";
import { CUSTOM_VIEW_PORTS } from "./constants.ts";

const preview = {
	parameters: {
		controls: {
			matchers: {
				color: /(background|color)$/i,
				date: /Date$/i,
			},
		},
		backgrounds: {
			default: "darky",
			values: [{ name: "darky", value: "#0b121a" }],
		},
		viewport: {
			options: { ...CUSTOM_VIEW_PORTS, ...INITIAL_VIEWPORTS },
		},
	},
};
export default preview;