How to have HTML content inside tooltip

Tables\Columns\TextColumn::make('avg_usd')
    ->label('Avg Salary')
    ->tooltip(function (Model $record) {
        $html = "<strong>Custom Tooltip</strong><br>";
        $html .= "This is a custom tooltip for the average salary.";
        return new HtmlString($html);
    })
    // ->tooltip(fn (Model $salary) => '<pre>' . print_r($salary->kuubiik_calc, true) . '</pre>')
    ->description(fn (Model $salary) => "KC: $" . (is_array($salary->kuubiik_calc) ? $salary->kuubiik_calc['total'] : ''))
    ->money('USD'),

Tables\Columns\TextColumn::make('avg_usd')
    ->label('Avg Salary')
    ->tooltip(function (Model $record) {
        $html = "<strong>Custom Tooltip</strong><br>";
        $html .= "This is a custom tooltip for the average salary.";
        return new HtmlString($html);
    })
    // ->tooltip(fn (Model $salary) => '<pre>' . print_r($salary->kuubiik_calc, true) . '</pre>')
    ->description(fn (Model $salary) => "KC: $" . (is_array($salary->kuubiik_calc) ? $salary->kuubiik_calc['total'] : ''))
    ->money('USD'),