import type { StorybookConfig } from '@storybook/angular';
import remarkGfm from 'remark-gfm';

const config: StorybookConfig = {
  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
  addons: [
    '@storybook/addon-a11y',
    // remark-gfm so GFM pipe tables in *.mdx docs actually render (addon-docs
    // doesn't parse them without it).
    {
      name: '@storybook/addon-docs',
      options: { mdxPluginOptions: { mdxCompileOptions: { remarkPlugins: [remarkGfm] } } },
    },
    '@storybook/addon-onboarding',
  ],
  framework: '@storybook/angular',
  // Serve the vendored CIBG package so preview-head.html can <link> its CSS (and its
  // relative font/icon/image url()s resolve) — mirrors index.html for the real app.
  staticDirs: ['../public'],
};
export default config;