text: import resolve from '@rollup/plugin-node-resolve';
  import commonjs from '@rollup/plugin-commonjs';
  import typescript from '@rollup/plugin-typescript';
  import dts from 'rollup-plugin-dts';
  import postcss from 'rollup-plugin-postcss';
  import { terser } from 'rollup-plugin-terser';
  import peerDepsExternal from 'rollup-plugin-peer-deps-external';
  //import scss from "rollup-plugin-scss";
  
  const packageJson = require('./package.json');
  
  export default [
    {
      input: 'src/index.ts',
      output: [
        {
          file: packageJson.main,
          format: 'cjs',
          sourcemap: true,
        },
        {
          file: packageJson.module,
          format: 'esm',
          sourcemap: true,
        },
      ],
      plugins: [
        peerDepsExternal(),
        resolve(),
        commonjs(),
        typescript({
          tsconfig: './tsconfig.json',
          exclude: [/.stories.((js|jsx|ts|tsx|mdx))$/, 'support'],
        }),
        postcss(),
        // scss({
        //   output: "./dist/css/style.min.css",
        //   failOnError: true,
        //   runtime: require("sass"),
        //   outputStyle: "compressed",
        // }),
        terser(),
      ],
      external: ['react', 'react-dom'],
    },
    {
      input: 'dist/esm/types/index.d.ts',
      output: [{ file: 'dist/index.d.ts', format: 'esm' }],
      plugins: [dts()],
      external: [/\.css$/],
    },
  ];
  