import { LitElement, html, css } from "lit";
import { customElement, property } from "lit/decorators.js";
export { StreamedGraph } from "streamed-graph";

@customElement("reposync-page")
export class ReposyncPage extends LitElement {
  static styles = [
    css`
      :host {
        display: block;
      }

      th {
        text-align: left;
        white-space: nowrap;
      }
      td.github {
        white-space: nowrap;
        opacity: 0.5;
      }
      td.github.on {
        opacity: 1;
      }
      span.check {
        font-size: 200%;
      }
    `,
  ];


  render() {
    return html`
      <h1>repo statuses yay</h1>
      <streamed-graph url="/collector/graph/reposync" expanded="true"></streamed-graph>
    `;
  }
}