const CracoLessPlugin = require('craco-less');

module.exports = {
  module: {
    rules: [
      {
        test: /\.svg$/i,
        use: 'raw-loader',
      },
    ],
  },
  plugins: [
    {
      plugin: CracoLessPlugin,
      options: {
        lessLoaderOptions: {
          lessOptions: {
            modifyVars: { 
              '@primary-color': '#26559B',
              '@menu-item-active-bg': '#E6F7FF',
              '@table-selected-row-bg': '#E6F7FF'
            },
            javascriptEnabled: true,
          },
        },
      },
    },
  ],
};