Renders a tooltip component with a trigger, customizable size, title, description, and optional icon.

Example

<.tooltip id="help-tooltip" title="Click to learn more">
  <:trigger :let={attrs}>
    <button {attrs}>Help</button>
  </:trigger>
</.tooltip>

<.tooltip id="info-tooltip" size="large" title="Important Information" description="This feature is currently in beta.">
  <:trigger :let={attrs}>
    <span {attrs}><.icon name="info" /></span>
  </:trigger>
  <:icon>
    <.icon name="alert-circle" />
  </:icon>
</.tooltip>