import { IOptions , RecursivePartial } from 'react-tsparticles' ; const config = { particles : { number : { value : 50 , density : { enable : true , value_area : 800 , } , } , color : { value : [ '#BAEE91' , '#fff2b2' , '#d4c1ec' ] , } , shape : { type : 'circle' , stroke : { width : 0 , color : '#000000' , } , polygon : { nb_sides : 5 , } , } , opacity : { value : { min : 0.1 , max : 0.8 , } , anim : { enable : true , speed : 1 , opacity_min : 0 , sync : false , } , } , size : { value : { min : 1 , max : 2 , } , random : true , anim : { enable : false , speed : 5 , size_min : 0.3 , sync : false , } , } , line_linked : { enable : false , distance : 150 , color : '#ffffff' , opacity : 0.4 , width : 1 , } , move : { enable : true , speed : { min : 0.5 , max : 1 , } , direction : 'top-right' , straight : false , random : true , out_mode : 'out' , bounce : false , attract : { enable : false , rotateX : 600 , rotateY : 600 , } , } , } , interactivity : { detect_on : 'canvas' , events : { onhover : { enable : false , mode : 'bubble' , } , onclick : { enable : false , mode : 'repulse' , } , resize : true , } , modes : { grab : { distance : 400 , line_linked : { opacity : 1 , } , } , bubble : { distance : 250 , size : 0 , duration : 2 , opacity : 0 , } , repulse : { distance : 400 , duration : 0.4 , } , push : { particles_nb : 4 , } , remove : { particles_nb : 2 , } , } , } , retina_detect : true , } ; export default config ;