class AddButton extends Shadow {
  render() {
    p("+")
      .fontWeight("bolder")
      .paddingVertical(1, em)
      .boxSizing("border-box")
      .paddingHorizontal(1.25, em)
      .background("var(--quillred)")
      .color("var(--headertext)")
      .marginBottom(1, em)
      .border("1px solid var(--headertext)")
      .borderRadius(100, px)
      .onTap(() => {
        this.handleAdd()
      })
  }

  handleAdd() {
    const app = document.documentElement.attr("app")
    switch (app) {
      case "jobs":
        $("jobform-").toggle()
        break;
      case "calendar":
        $("eventform-").toggle()
        break;
      default:
        break;
    }
  }
}

register(AddButton)