- offset = defined?(first_line_number) ? first_line_number : 1
- highlight = defined?(highlight_line) && highlight_line ? highlight_line - offset : nil

#search-blob-content.file-content.code.js-syntax-highlight{ class: 'gl-py-3!' }
  - if blob.present?
    .blob-content{ data: { blob_id: blob.id, path: blob.path, highlight_line: highlight, qa_selector: 'file_content' } }
      - blob.present.highlight.lines.each_with_index do |line, index|
        - i = index + offset
        .line_holder.code-search-line
          .line-numbers
            .gl-display-flex
              %span.diff-line-num.gl-pl-3
                %a.has-tooltip{ href: "#{blame_link}#L#{i}", id: "blame-L#{i}", 'data-line-number' => i, title: _('View blame') }
                  = sprite_icon('git')
              %span.diff-line-num.flex-grow-1.gl-pr-3
                %a{ href: "#{blob_link}#L#{i}", id: "blob-L#{i}", 'data-line-number' => i, class: 'gl-display-flex! gl-align-items-center gl-justify-content-end' }
                  = sprite_icon('link', css_class: 'gl-ml-3! gl-mr-1!')
                  = i
          %pre.code.highlight
            %code
              = line.html_safe