text: import babel from 'rollup-plugin-babel';
  import commonjs from 'rollup-plugin-commonjs';
  import external from 'rollup-plugin-peer-deps-external';
  import resolve from 'rollup-plugin-node-resolve';
  import url from 'rollup-plugin-url';
  import svgr from '@svgr/rollup';
  
  import pkg from './package.json';
  
  const outputGlobals = {
    react: 'React',
    'react-dom': 'ReactDOM',
    'prop-types': 'PropTypes',
    'styled-components': 'styled',
  };
  
  export default {
    input: 'src/index.js',
    external: ['react', 'react-dom', 'prop-types', 'styled-components'],
    output: [
      {
        file: pkg.main,
        format: 'umd',
        name: 'rimble',
        sourcemap: true,
        globals: outputGlobals,
      },
      {
        file: './dist/index.esm.js',
        format: 'es',
        name: 'rimble',
        sourcemap: true,
        globals: outputGlobals,
      },
    ],
    plugins: [
      external(),
      url(),
      svgr({
        ref: true,
        icon: true,
      }),
      babel({
        exclude: 'node_modules/**',
      }),
      resolve(),
      commonjs(),
    ],
  };
  