import peerDepsExternal from 'rollup-plugin-peer-deps-external'
import resolve from '@rollup/plugin-node-resolve'
import commonjs from '@rollup/plugin-commonjs'
import typescript from 'rollup-plugin-typescript2'
import svg from 'rollup-plugin-svg'
import image from '@rollup/plugin-image'

// import postcss from "rollup-plugin-postcss";
// import * as packageJson from "./package.json"

export default {
  input: 'src/index.ts',
  output: [
    {
      // file: packageJson.main,
      file: 'lib/index.js',
      format: 'cjs',
      sourcemap: true
    },
    {
      // file: packageJson.module,
      file: 'lib/index.esm.js',
      format: 'esm',
      sourcemap: true
    }
  ],
  plugins: [
    peerDepsExternal(),
    resolve(),
    commonjs(),
    svg(),
    image(),
    typescript({ useTsconfigDeclarationDir: true }),
    // postcss({
    //     extensions: ['.css']
    // })
  ]
}