import { Controller } from '@hotwired/stimulus'

// Jumps to a tab panel from an element outside the tabs' own markup — the
// review count and the "read more" link both sit elsewhere in the DOM, too
// far apart from the tabs for a plain data-action, hence the outlet.
export default class extends Controller {
    static outlets = ['tabs']
    static values = { panel: String }

    activate(event) {
        event?.preventDefault()
        this.tabsOutlet.activate(this.panelValue)
        this.tabsOutlet.element.scrollIntoView({ block: 'start', behavior: 'smooth' })
    }
}