import type { Preview } from '@storybook/react-vite';
import * as React from 'react';
import { IconSprite } from '../src/Icon/IconSprite';

const preview: Preview = {
  parameters: {
    controls: {
      matchers: {
        color: /(background|color)$/i,
        date: /Date$/i,
      },
    },
    a11y: { test: 'todo' },
  },
  // Спрайт иконок монтируется один раз для ВСЕХ историй — иначе <Icon> пустой.
  // Плюс общий отступ и шрифт Inter, как в боевом портале.
  decorators: [
    (Story) => (
      <>
        <IconSprite />
        <div style={{ padding: 16, fontFamily: "'Inter', -apple-system, 'Segoe UI', sans-serif" }}>
          <Story />
        </div>
      </>
    ),
  ],
};

export default preview;