import type { Preview } from "@storybook/sveltekit";

// Load the app's global styles (Tailwind + theme tokens) so components
// render with real styling inside Storybook.
import "../src/app.css";

const preview: Preview = {
	parameters: {
		controls: {
			matchers: {
				color: /(background|color)$/i,
				date: /Date$/i
			}
		},

		a11y: {
			// 'todo' - show a11y violations in the test UI only
			// 'error' - fail CI on a11y violations
			// 'off' - skip a11y checks entirely
			test: "todo"
		}
	}
};

export default preview;
