- const placement = $attrs[`placement`];
.mp-sh-tooltip-container(
  class={
    [`mp-sh-tooltip-placement-${placement}`]: true,
    [`mp-sh-tooltip-visibility-${visibility}`]: true,
  }
  hook={
    // The visibility of the tooltip can change, will change the size of the tooltip. Hence, the tooltip's
    // position should be recomputed when this happens.
    insert: $helpers.handleUpdatedTooltip,
    postpatch: $helpers.handleUpdatedTooltip,
  }
  on={
    click: $helpers.handleClick
  }
)
  mp-smart-hub-alert-v2(
    attrs={
      'project-id': $attrs[`project-id`],
      'utc-offset': $attrs[`utc-offset`],
      'display-context': `IN_REPORT`,
      'explains-value': $attrs[`explains-value`],
      'alert': JSON.stringify($attrs[`alert`]),
      'alert-color': $attrs[`alert-color`],
      'visible': $helpers.isVisible(),
    }
    on={
      changedAlert: $helpers.handleChangedAlert,
    }
  )