import { svelte } from '@reuters-graphics/yaks-eslint';
import reactPlugin from 'eslint-plugin-react';

/**
 * @type {import("eslint").Linter.Config[]}
 */
export default [
  {
    files: ['src/**/*.{js,ts,svelte,jsx,tsx}', '.storybook/**/*'],
  },
  {
    ignores: [
      'node_modules/',
      'docs/',
      'dist/',
      '.storybook/svelte-highlighting.js',
      'bin/css-to-js/',
      'bin/newComponent/',
    ],
  },
  ...svelte,
  reactPlugin.configs.flat.recommended,
  {
    settings: { react: { version: '18.2' } },
    rules: {
      'react/prop-types': [
        'error',
        {
          skipUndeclared: true,
        },
      ],
    },
  },
];