import * as THREE from 'three'
import { EffectComposer, Pass, FullScreenQuad } from 'three/examples/jsm/postprocessing/EffectComposer'
import { RenderPass } from 'three/examples/jsm/postprocessing/RenderPass'
import { DualBloomPassGen } from 'three-dual-bloom'

const DualBloomPass = DualBloomPassGen({ THREE, Pass, FullScreenQuad }); 
const myDualBloomPass = new DualBloomPass({
  maxDuals: 8, // Max available blur size, immutable after creation. ( >= 1 ) 
  blurriness: .5, // Ratio of `maxDuals`, mutable. ( 0. <= blurriness <= 1. ) 
  threshold: .5, // Bloom if luma > `threshold`. ( 0. <= threshold <= 1. )
  intensity: 2. // Bloom intensity. ( >= 0. )
});

// APIs
myDualBloomPass.maxDuals; //-> 8 
myDualBloomPass.blurriness = 1.; // =max blur 
myDualBloomPass.threshold = 0.; // =always pass
myDualBloomPass.intensity = 0.; // =no bloom 

...
import { DualBlurPassGen } from 'three-dual-bloom'

const DualBlurPass = DualBlurPassGen({ THREE, Pass, FullScreenQuad });
const myDualBlurPass = new DualBlurPass({ 
  maxDuals: 8, // max available blur size, immutable after creation. ( >= 1 ) 
  duals: 4 // proportional to blurriness. ( >= 1 )
});

// APIs
myDualBlurPass.maxDuals; //-> 8
myDualBlurPass.duals = 0; // will warn ( clamp in range 1..maxDuals internally )