<dom-module id="gr-checks-chip-view">
  <template>
    <style>

      :host {
        display: inline-block;
        cursor: pointer;
      }

      .chip {
        border-color: #D0D0D0;
        border-radius: 4px;
        border-style: solid;
        border-width: 1px;
        padding: 4px 8px;
      }
      .chip.failed {
        border-color: #DA4236;
      }
    </style>
    <template is="dom-if" if="[[_hasChecks]]">
      Checks:
      <span class$="[[_chipClasses]]">
        <gr-checks-status status="[[_status]]" downgrade-failure-to-warning="[[_downgradeFailureToWarning]]"></gr-checks-status>
        [[_statusString]]
      </span>
    </template>
  </template>

  <script src="gr-checks-all-statuses.js"></script>
  <script src="gr-checks-chip-view.js"></script>
</dom-module>