import jsxA11yPlugin from "eslint-plugin-jsx-a11y";
import reactPlugin from "eslint-plugin-react";
import hooksPlugin from "eslint-plugin-react-hooks";
import baseConfig from "./base.js";

export default [
	...baseConfig,
	{
		files: ["**/*.{js,jsx,ts,tsx}"],
		plugins: {
			react: reactPlugin,
			"react-hooks": hooksPlugin,
			"jsx-a11y": jsxA11yPlugin,
		},
		rules: {
			...reactPlugin.configs.recommended.rules,
			...hooksPlugin.configs.recommended.rules,
			...jsxA11yPlugin.configs.recommended.rules,
			"react/react-in-jsx-scope": "off", // Not needed in Next.js/React 17+
			"react/prop-types": "off", // Using TypeScript
		},
		settings: {
			react: {
				version: "detect",
			},
		},
	},
];