import type { GridButton } from '../interfaces/GridButton'
import { BaseEvent, Template, TemplateConfig } from './Template'

interface ButtonPressedEvent extends BaseEvent {
  /**
   * Button ID
   */
  id: string
  /**
   * Button Index
   */
  index: number
  /**
   * template ID
   */
  templateId: string
}

export interface GridTemplateConfig extends TemplateConfig {
  /**
   * The title displayed in the navigation bar while the list template is visible.
   */
  title?: string
  /**
   * The array of grid buttons displayed on the template.
   */
  buttons: GridButton[]
  /**
   * Fired when a button is pressed
   */
  onButtonPressed?(e: ButtonPressedEvent): void
}

export class GridTemplate extends Template<GridTemplateConfig> {
  public get type(): string {
    return 'grid'
  }

  get eventMap() {
    return {
      gridButtonPressed: 'onButtonPressed',
    }
  }
}