.eslintrc.cjs

module.exports = {
  root: true,
  extends: [
    'universe/node',
    'universe/web',
    'plugin:@next/next/recommended',
    'plugin:testing-library/react',
    'plugin:tailwindcss/recommended'
  ],
  plugins: ['lodash', 'testing-library'],
  rules: {
    'lodash/import-scope': [2, 'method'],
    '@next/next/no-img-element': 0,
    'react/jsx-curly-brace-presence': [1, { propElementValues: 'ignore' }],
    // https://github.com/emotion-js/emotion/issues/2878
    'react/no-unknown-property': ['error', { 'ignore': ['css'] }],
    'tailwindcss/classnames-order': 'off',
    'tailwindcss/no-custom-classname': ['warn', {
      'whitelist': [
        'diff-.+',
        'anchor-icon',
        'react-player',
        'dark-theme',
        'dialog-.+'
      ]
    }]
  },
  settings: {
    tailwindcss: {
      cssFiles: [
        "node_modules/@expo/styleguide/dist/global.css"
      ],
      callees: ["mergeClasses"],
      config: "tailwind.config.cjs",
    }
  }
};