text: import React from "react";
  import ControlPointIcon from "@material-ui/icons/ControlPoint";
  import "./LifeEventsComponentAddButton.css";
  
  export const LifeEventsComponentAddButton = (props) => {
    return (
      <div
        className={"LifeEventsComponent__addButton"}
        onClick={() => {
          props.toggleActiveComponent(true);
        }}
      >
        <ControlPointIcon />
        <div className={"LifeEventsComponent__addButton__description"}>
          <span>{props.title}</span>
        </div>
      </div>
    );
  };
  
  