const withPlugins = require('next-compose-plugins');
const withLess = require('next-with-less');

/** @type {import('next').NextConfig} */
const nextConfig = {
  reactStrictMode: true,
  compiler: {
    styledComponents: true,
  },
};

const plugins = [
  [
    withLess,
    {
      lessLoaderOptions: {
        lessOptions: {
          modifyVars: {
            'primary-color': process.env.NEXT_PUBLIC_COLOR_PRIMARY,
          },
        },
      },
    },
  ],
];

module.exports = withPlugins(plugins, nextConfig);