{"size": 786, "ext": "js", "max_stars_repo_path": "components/elements/fancy-button.js", "max_stars_repo_name": "timsim00/mark42", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "components/elements/fancy-button.js", "max_issues_repo_name": "timsim00/mark42", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "components/elements/fancy-button.js", "max_forks_repo_name": "timsim00/mark42", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 21.2432432432, "max_line_length": 64, "alphanum_fraction": 0.5305343511}
export default class FancyButton extends HTMLElement {
  // static get elementName() { // not needed if 'define' below.
  //   return 'fancy-button'
  // }
  static get template() {
    return `
      <style>
        button {
          display: inline-flex;
          background: #0086b3;
          color: white;
          margin: 0.5em;
          padding: 1em;
          font-size: 16px;
          border-radius: 0.5em;
          cursor: pointer;
          border: none;
        }
      </style>
      <button>
        <slot></slot>
      </button>
    `;
  }

  constructor() {
    super();
    this.setting = {}
  }

  connectedCallback() {
    this.attachShadow({
      mode: 'open'
    }).innerHTML = FancyButton.template;
  }
};
customElements.define('fancy-button', FancyButton);