import Particles from "react-tsparticles";
import { Main } from "tsparticles";
import { loadBlossomFallingVer1 } from "tsparticles-preset-blossom-ver1";

export class ParticlesContainer extends React.PureComponent<IProps> {
  // this customizes the component tsParticles installation
  customInit(main: Main) {
    // this adds the preset to tsParticles, you can safely use the
    loadFirePreset(main);
  }

  render() {
    const options = {
      preset: "blossomFallVer1",
    };

    return <Particles options={options} init={this.customInit} />;
  }
}

import Particles from "react-tsparticles";
import { loadBlossomFallingV1 } from "tsparticles-preset-blossom-ver1";
import { Main } from "tsparticles";
function particlesInit(Main) {
  loadBlossomFallingV1(Main);
}
export default function Blosom() {
  return (
    <Particles
      options={{
        preset: "blossomFallV1",
      }}
      init={particlesInit}
    />
  );
}

const options = {
  background: {
    color: "",
  },
  preset: "blossomFallV1",
};