I am new to angular material components, we are using mat-tooltip to show the tooltip content on all elements.

It is showing up properly when we are using the tooltip with static content like below. 

```
<mat-icon svgIcon="Back" matTooltip="Go to reports using this column"></mat-icon>

```

Now, I need mat-tooltip to show dynamic content, not just plain text. 

```
<div #myTootltipContent>
 <span>tooltip text</span>
 <span>tootlip description</span>
</div>

```

I need this `div` to be shown on hover of another element. Is it possible with mat-tooltip? Any help is much appreciated.