export const optionsRight = {
  direction: 'Right',
  followCursor: true,
  shiftX: 20,
  shiftY: 0
}

export const optionsTop = {
  direction: 'Top',
  followCursor: false,
  shiftX: 20,
  shiftY: 0
}

export const tooltip1 = {
  hoverComponent: 'I am the awesome tooltip 1!',
  trigger: 'awesome tooltip1'
}; 

export const tooltip1styles = {
  trigger: {
    background: 'rgb(142, 147, 247)',
    width: '200px',
    marginLeft: '5px'
  },

  hoverComponent: {
    height: '25px',
    overflowY: 'auto',
    width: '300px',
    background: '#cccccc',
    display: 'none',
    position: 'absolute'
  }
};
@@ -65,11 +65,12 @@
 or: 
-tru
+fals
 e,%0A 
@@ -304,16 +304,126 @@
 tip1'%0A%7D;
+%0A%0Aexport const tooltip2 = %7B%0A  hoverComponent: 'I am the awesome tooltip 2!',%0A  trigger: 'awesome tooltip2'%0A%7D; 
  %0A%0Aexpor
@@ -679,16 +679,16 @@
 'none',%0A
-
     posi
@@ -710,8 +710,357 @@
 '%0A  %7D%0A%7D;
+%0A%0Aexport const tooltip2styles = %7B%0A  trigger: %7B%0A    background: 'rgb(58, 98, 247)',%0A    width: '250px',%0A    marginLeft: '5px'%0A  %7D,%0A%0A  hoverComponent: %7B%0A    height: '25px',%0A    overflowY: 'auto',%0A    width: '250px',%0A    borderRadius: '15px',%0A    background: 'rgb(216, 226, 99)',%0A    display: 'none',%0A    position: 'absolute',%0A    padding: '5px'%0A  %7D%0A%7D;

add tooltip2 example back.