import { BridgeElement } from "@hotwired/hotwire-native-bridge"

BridgeElement.prototype.getButton = function() {
  return {
    title: this.title,
    icon: this.getIcon(),
    displayTitle: this.getDisplayTitle(),
    displayAsPrimaryAction: this.getDisplayAsPrimaryAction()
  }
}

BridgeElement.prototype.getStamp = function() {
  return {
    title: this.title,
    date: this.getDate(),
    by: this.getBy()
  }
}

BridgeElement.prototype.getIcon = function() {
  const url = this.bridgeAttribute(`icon-url`)

  if (url) {
    return { url }
  }

  return null
}

BridgeElement.prototype.getDate = function() {
  return this.bridgeAttribute(`date`) ?? null
}

BridgeElement.prototype.getBy = function() {
  return this.bridgeAttribute(`by`) ?? null
}

BridgeElement.prototype.getDisplayTitle = function() {
  return !!this.bridgeAttribute(`display-title`)
}

BridgeElement.prototype.getDisplayAsPrimaryAction = function() {
  return !!this.bridgeAttribute(`display-as-primary-action`)
}