text: import babel from 'rollup-plugin-babel';
  import resolve from '@rollup/plugin-node-resolve';
  import { terser } from 'rollup-plugin-terser';
  
  export default {
    input: './src/index.js',
    external: [
      'react',
      'react-dom',
      '@material-ui/core/styles',
      '@material-ui/core/Slider',
      '@material-ui/core/Box',
      '@material-ui/core/Button',
      '@material-ui/core/Divider',
      '@material-ui/core/Tooltip',
      '@material-ui/core/TextField',
      '@material-ui/core/FormControl',
      '@material-ui/core/FormHelperText',
      '@material-ui/core/InputLabel',
      '@material-ui/core/Input',
      '@material-ui/core/InputAdornment',
      '@material-ui/core/Popover',
      'material-ui-popup-state',
      'prop-types',
      'react-is',
      'hoist-non-react-statics',
      'styled-components',
      'Element',
    ],
    output: [
      { file: './dist/esm/index.js', format: 'esm', sourcemap: true },
      { file: './dist/index.js', format: 'cjs', sourcemap: true },
    ],
    plugins: [babel(), resolve({ extensions: ['.js', '.jsx'] }), terser()],
  };
  