import { Component, h, Event, Prop, State } from '@stencil/core';
;
export class InputButton {
  constructor() {
    this.icon = false;
  }
  componentWillRender() {
    this.isDark = this.dark;
    this.isIcon = this.icon;
    this.sizeOfButton = String(this.size);
  }
  toggleReminder() {
    this.toggleReminderEmitter.emit(true);
  }
  render() {
    return (h("div", { class: "button-container" },
      h("button", { onClick: () => this.toggleReminder(), style: { width: this.sizeOfButton }, class: { 'button': true,
          'dark': this.isDark } },
        h("svg", { class: { 'svg': true, 'hidden': !this.isIcon }, width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
          h("path", { d: "M14 8H8V14H6V8H0V6H6V0H8V6H14V8Z", fill: "#F7F9FC" })),
        h("div", { class: "text-button" }, this.text))));
  }
  static get is() { return "input-button"; }
  static get encapsulation() { return "shadow"; }
  static get originalStyleUrls() { return {
    "$": ["input-button.css"]
  }; }
  static get styleUrls() { return {
    "$": ["input-button.css"]
  }; }
  static get properties() { return {
    "text": {
      "type": "string",
      "mutable": false,
      "complexType": {
        "original": "string",
        "resolved": "string",
        "references": {}
      },
      "required": false,
      "optional": false,
      "docs": {
        "tags": [],
        "text": ""
      },
      "attribute": "text",
      "reflect": false
    },
    "dark": {
      "type": "boolean",
      "mutable": false,
      "complexType": {
        "original": "boolean",
        "resolved": "boolean",
        "references": {}
      },
      "required": false,
      "optional": false,
      "docs": {
        "tags": [],
        "text": ""
      },
      "attribute": "dark",
      "reflect": false
    },
    "icon": {
      "type": "boolean",
      "mutable": false,
      "complexType": {
        "original": "boolean",
        "resolved": "boolean",
        "references": {}
      },
      "required": false,
      "optional": false,
      "docs": {
        "tags": [],
        "text": ""
      },
      "attribute": "icon",
      "reflect": false,
      "defaultValue": "false"
    },
    "size": {
      "type": "string",
      "mutable": false,
      "complexType": {
        "original": "string",
        "resolved": "string",
        "references": {}
      },
      "required": false,
      "optional": false,
      "docs": {
        "tags": [],
        "text": ""
      },
      "attribute": "size",
      "reflect": false
    }
  }; }
  static get states() { return {
    "isDark": {},
    "isIcon": {},
    "sizeOfButton": {}
  }; }
  static get events() { return [{
      "method": "toggleReminderEmitter",
      "name": "toggleReminderEmitter",
      "bubbles": true,
      "cancelable": true,
      "composed": true,
      "docs": {
        "tags": [],
        "text": ""
      },
      "complexType": {
        "original": "boolean",
        "resolved": "boolean",
        "references": {}
      }
    }]; }
}
