Tooltip

() => {
  const [open, setOpen] = React.useState();

  return (
    <>
      <L.Tooltip isOpen={open} position="top" title="Tooltip at top top top top top top top top top top top top top top top top">
        <L.Button>Top</L.Button>
      </L.Tooltip>
      <L.Tooltip isOpen={open} position="left" title="Tooltip at left">
        <L.Button>Left</L.Button>
      </L.Tooltip>
      <L.Tooltip isOpen={open} position="right" title="Tooltip at right right right right right right right right right right">
        <L.Button>Right</L.Button>
      </L.Tooltip>
      <L.Tooltip isOpen={open} position="bottom" title="Tooltip at bottom bottom bottom bottom bottom bottom bottom bottom">
        <L.Button onClick={() => setDisplay(!display)}>Bottom</L.Button>
      </L.Tooltip>
    </>
  );
}