import type { Preview } from '@storybook/svelte';
import '../src/styles/global.css';

const preview: Preview = {
  /** Autodocs für alle Stories aktivieren (Auto-Dokumentation aus Component + Args) */
  tags: ['autodocs'],
  parameters: {
    controls: {
      matchers: {
        color: /(background|color)$/i,
        date: /Date$/i,
      },
    },
    layout: 'centered',
    docs: {
      /** Inhaltsverzeichnis auf der Docs-Seite */
      toc: true,
      /** Story in der Docs-Seite anzeigen (vermeidet leere Docs) */
      story: {
        inline: true,
        iframeHeight: 400,
      },
    },
  },
};

export default preview;