Materialize supports avatars in the collection items (both images and icons are supported). So the planned use case is: <CollectionItem avatar={<Icon>account_circle</Icon>} /> for icon or <CollectionItem avatar={<img src="some_src" />} for image
Finally I found usage of material tooltips via attributes (data-tooltip, e.t.c.) an extremely annoying practice.
So this component should solve the problem. Expected usage:
<Tooltip tooltip="A tooltip for a button!"><Button>Click Me!</Button></Tooltip>
It must accept (and render) exactly one child component
It should transform tooltip, delay, position props into a corresponding data-* equivalents