import{html as e,css as t,LitElement as d}from"../../../lit/index.js";import"../../editable-table/editable-table.js";class GradeBookTable extends d{static get tag(){return"grade-book-table"}constructor(){super(),this.editMode=!1}static get properties(){return{editMode:{type:Boolean,attribute:"edit-mode",reflect:!0}}}static get styles(){return[t`
        :host {
          display: block;
        }
      `]}render(){return e`
      <editable-table
        ?edit-mode="${this.editMode}"
        bordered
        column-header
        condensed
        disable-responsive
        scroll
        striped
      >
        <table>
          <tbody>
            <tr>
              <td>${this.t.letterGrade}</td>
              <td>${this.t.highRange}</td>
              <td>${this.t.lowRange}</td>
            </tr>
            ${this.database.gradeScale.map((t=>e`
                <tr>
                  <td>${t.letter}</td>
                  <td>${t.highRange}</td>
                  <td>${t.lowRange}</td>
                </tr>
              `))}
          </tbody>
        </table>
      </editable-table>
    `}}customElements.define(GradeBookTable.tag,GradeBookTable);export{GradeBookTable};