const path = require('path');
const myBabel = require('@gluestack-style/babel-plugin-styled-resolver');

// console.log('myBabel', myBabel);
module.exports = function (api) {
  api.cache(true);
  return {
    presets: ['babel-preset-expo'],
    plugins: [
      // [
      //   myBabel,
      //   {
      //     configPath: path.join(__dirname, './src/gluestack-style.config.ts'),
      //     outputLibrary: 'design-system',
      //   },
      // ],
      // process.env.NODE_ENV !== 'production'
      //   ? [
      //       'module-resolver',
      //       {
      //         alias: {
      //           // For development, we want to alias the library to the source
      //           ['@gluestack/ui']: path.join(__dirname, '../ui/src'),
      //           ['@gluestack/ui-creator']: path.join(
      //             __dirname,
      //             '../creator/src'
      //           ),
      //         },
      //       },
      //     ]
      //   : [{ exclude: 'node_modules' }],
    ],
  };
};
