{"size": 842, "ext": "js", "max_stars_repo_path": "src/FwFooter.js", "max_stars_repo_name": "salvovitale/todo-app", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/FwFooter.js", "max_issues_repo_name": "salvovitale/todo-app", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/FwFooter.js", "max_forks_repo_name": "salvovitale/todo-app", "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": 16.84, "max_line_length": 52, "alphanum_fraction": 0.4073634204}
import { css, html, LitElement } from 'lit-element';

export class FwFooter extends LitElement {
  static get properties() {
    return {
      msg: { type: String },
    };
  }

  static get styles() {
    return [
      css`
        p {
          font-size: calc(12px + 0.5vmin);
          align-items: center;
        }

        a {
          margin-left: 5px;
        }
      `,
    ];
  }

  constructor() {
    super();
    this.msg = undefined;
  }

  render() {
    const { msg } = this;

    return html`
      <p>
        ${msg
          ? html`${msg}`
          : html`
              "🚽 Made with love by
              <a
                target="_blank"
                rel="noopener noreferrer"
                href="https://github.com/open-wc"
                >open-wc</a
              >."
            `}
      </p>
    `;
  }
}
