<div style="min-width: 300px; height: 80px;">
  <.tooltip id="tooltip-single-default" title="Tooltip">
    <:trigger :let={attrs}>
      <span {attrs} style="color: var(--noora-surface-label-primary);" >
        <.alert_circle />
      </span>
    </:trigger>
  </.tooltip>
</div>

<div style="min-width: 300px; height: 80px;">
  <.tooltip
    id="tooltip-single-large"
    size="large"
    description="Insert tooltip description here. Three lines of text would look better."
    title="Tooltip"
  >
    <:trigger :let={attrs}>
      <span {attrs} style="color: var(--noora-surface-label-primary);" >
        <.alert_circle />
      </span>
    </:trigger>
    <:icon>
      <.category />
    </:icon>
  </.tooltip>
</div>