// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`Vulnerability Severity component when the data has loaded matches snapshot 1`] = `
<section
  class="gl-border-1 gl-border-solid gl-border-gray-100 gl-rounded-base gl-display-flex gl-flex-direction-column"
>
  <header
    class="gl-border-b-gray-100 gl-border-b-solid gl-border-b-1 gl-p-5"
  >
    <h4
      class="gl-my-0"
    >
      
      Project security status
      
      <!---->
    </h4>
     
    <p
      class="text-secondary gl-m-0"
    >
      
      Projects are graded based on the highest severity vulnerability present
    
    </p>
  </header>
   
  <div
    class="security-dashboard-accordion gl-px-5 gl-display-flex gl-flex-fill-1"
  >
    <ul
      class="list-group list-group-flush py-2"
    >
      <li
        class="list-group-item p-0 gl-display-flex gl-flex-fill-1 gl-flex-direction-column gl-justify-content-center"
        data-qa-selector="severity_accordion_item_F"
      >
        <div
          class="d-flex align-items-stretch"
        >
          <button
            aria-controls="gl-accordion-item-content-container-26"
            class="gl-bg-transparent border-0 rounded-0 w-100 p-0 text-left cursor-default"
            disabled="disabled"
            id="gl-accordion-item-trigger-25"
            type="button"
          >
            <div
              class="d-flex align-items-center p-2"
            >
              <svg
                class="mr-2 gl-text-gray-900 gl-icon s16"
                data-testid="angle-right-icon"
              >
                <use
                  href="#angle-right"
                />
              </svg>
               
              <span>
                <h5
                  class="gl-display-flex gl-align-items-center gl-font-weight-normal gl-p-0 gl-m-0"
                >
                  <span
                    class="gl-font-weight-bold gl-mr-5 gl-font-lg gl-text-red-900"
                  >
                    
              F
            
                  </span>
                   
                  <span
                    class="text-secondary"
                  >
                    
              0 projects
            
                  </span>
                </h5>
              </span>
            </div>
          </button>
        </div>
         
        <div
          aria-labelledby="gl-accordion-item-trigger-25"
          id="gl-accordion-item-content-container-26"
          role="region"
          style="display: none;"
        >
          <p
            class="gl-m-0 gl-ml-7 gl-pb-2 text-secondary"
          >
            
          </p>
           
          <div
            style="max-height: 445px; overflow: auto;"
          >
              
            <div
              class="gl-ml-7 gl-pb-2"
            >
              <ul
                class="list-unstyled gl-py-1"
              />
            </div>
          </div>
        </div>
      </li>
      <li
        class="list-group-item p-0 gl-display-flex gl-flex-fill-1 gl-flex-direction-column gl-justify-content-center"
        data-qa-selector="severity_accordion_item_D"
      >
        <div
          class="d-flex align-items-stretch"
        >
          <button
            aria-controls="gl-accordion-item-content-container-28"
            class="gl-bg-transparent border-0 rounded-0 w-100 p-0 text-left cursor-default"
            disabled="disabled"
            id="gl-accordion-item-trigger-27"
            type="button"
          >
            <div
              class="d-flex align-items-center p-2"
            >
              <svg
                class="mr-2 gl-text-gray-900 gl-icon s16"
                data-testid="angle-right-icon"
              >
                <use
                  href="#angle-right"
                />
              </svg>
               
              <span>
                <h5
                  class="gl-display-flex gl-align-items-center gl-font-weight-normal gl-p-0 gl-m-0"
                >
                  <span
                    class="gl-font-weight-bold gl-mr-5 gl-font-lg gl-text-red-700"
                  >
                    
              D
            
                  </span>
                   
                  <span
                    class="text-secondary"
                  >
                    
              0 projects
            
                  </span>
                </h5>
              </span>
            </div>
          </button>
        </div>
         
        <div
          aria-labelledby="gl-accordion-item-trigger-27"
          id="gl-accordion-item-content-container-28"
          role="region"
          style="display: none;"
        >
          <p
            class="gl-m-0 gl-ml-7 gl-pb-2 text-secondary"
          >
            
          </p>
           
          <div
            style="max-height: 445px; overflow: auto;"
          >
              
            <div
              class="gl-ml-7 gl-pb-2"
            >
              <ul
                class="list-unstyled gl-py-1"
              />
            </div>
          </div>
        </div>
      </li>
      <li
        class="list-group-item p-0 gl-display-flex gl-flex-fill-1 gl-flex-direction-column gl-justify-content-center"
        data-qa-selector="severity_accordion_item_C"
      >
        <div
          class="d-flex align-items-stretch"
        >
          <button
            aria-controls="gl-accordion-item-content-container-30"
            class="gl-bg-transparent border-0 rounded-0 w-100 p-0 text-left cursor-default"
            disabled="disabled"
            id="gl-accordion-item-trigger-29"
            type="button"
          >
            <div
              class="d-flex align-items-center p-2"
            >
              <svg
                class="mr-2 gl-text-gray-900 gl-icon s16"
                data-testid="angle-right-icon"
              >
                <use
                  href="#angle-right"
                />
              </svg>
               
              <span>
                <h5
                  class="gl-display-flex gl-align-items-center gl-font-weight-normal gl-p-0 gl-m-0"
                >
                  <span
                    class="gl-font-weight-bold gl-mr-5 gl-font-lg gl-text-orange-600"
                  >
                    
              C
            
                  </span>
                   
                  <span
                    class="text-secondary"
                  >
                    
              0 projects
            
                  </span>
                </h5>
              </span>
            </div>
          </button>
        </div>
         
        <div
          aria-labelledby="gl-accordion-item-trigger-29"
          id="gl-accordion-item-content-container-30"
          role="region"
          style="display: none;"
        >
          <p
            class="gl-m-0 gl-ml-7 gl-pb-2 text-secondary"
          >
            
          </p>
           
          <div
            style="max-height: 445px; overflow: auto;"
          >
              
            <div
              class="gl-ml-7 gl-pb-2"
            >
              <ul
                class="list-unstyled gl-py-1"
              />
            </div>
          </div>
        </div>
      </li>
      <li
        class="list-group-item p-0 gl-display-flex gl-flex-fill-1 gl-flex-direction-column gl-justify-content-center"
        data-qa-selector="severity_accordion_item_B"
      >
        <div
          class="d-flex align-items-stretch"
        >
          <button
            aria-controls="gl-accordion-item-content-container-32"
            class="gl-bg-transparent border-0 rounded-0 w-100 p-0 text-left cursor-default"
            disabled="disabled"
            id="gl-accordion-item-trigger-31"
            type="button"
          >
            <div
              class="d-flex align-items-center p-2"
            >
              <svg
                class="mr-2 gl-text-gray-900 gl-icon s16"
                data-testid="angle-right-icon"
              >
                <use
                  href="#angle-right"
                />
              </svg>
               
              <span>
                <h5
                  class="gl-display-flex gl-align-items-center gl-font-weight-normal gl-p-0 gl-m-0"
                >
                  <span
                    class="gl-font-weight-bold gl-mr-5 gl-font-lg gl-text-orange-400"
                  >
                    
              B
            
                  </span>
                   
                  <span
                    class="text-secondary"
                  >
                    
              0 projects
            
                  </span>
                </h5>
              </span>
            </div>
          </button>
        </div>
         
        <div
          aria-labelledby="gl-accordion-item-trigger-31"
          id="gl-accordion-item-content-container-32"
          role="region"
          style="display: none;"
        >
          <p
            class="gl-m-0 gl-ml-7 gl-pb-2 text-secondary"
          >
            
          </p>
           
          <div
            style="max-height: 445px; overflow: auto;"
          >
              
            <div
              class="gl-ml-7 gl-pb-2"
            >
              <ul
                class="list-unstyled gl-py-1"
              />
            </div>
          </div>
        </div>
      </li>
      <li
        class="list-group-item p-0 gl-display-flex gl-flex-fill-1 gl-flex-direction-column gl-justify-content-center"
        data-qa-selector="severity_accordion_item_A"
      >
        <div
          class="d-flex align-items-stretch"
        >
          <button
            aria-controls="gl-accordion-item-content-container-34"
            class="gl-bg-transparent border-0 rounded-0 w-100 p-0 text-left cursor-default"
            disabled="disabled"
            id="gl-accordion-item-trigger-33"
            type="button"
          >
            <div
              class="d-flex align-items-center p-2"
            >
              <svg
                class="mr-2 gl-text-gray-900 gl-icon s16"
                data-testid="angle-right-icon"
              >
                <use
                  href="#angle-right"
                />
              </svg>
               
              <span>
                <h5
                  class="gl-display-flex gl-align-items-center gl-font-weight-normal gl-p-0 gl-m-0"
                >
                  <span
                    class="gl-font-weight-bold gl-mr-5 gl-font-lg gl-text-green-500"
                  >
                    
              A
            
                  </span>
                   
                  <span
                    class="text-secondary"
                  >
                    
              0 projects
            
                  </span>
                </h5>
              </span>
            </div>
          </button>
        </div>
         
        <div
          aria-labelledby="gl-accordion-item-trigger-33"
          id="gl-accordion-item-content-container-34"
          role="region"
          style="display: none;"
        >
          <p
            class="gl-m-0 gl-ml-7 gl-pb-2 text-secondary"
          >
            
          </p>
           
          <div
            style="max-height: 445px; overflow: auto;"
          >
              
            <div
              class="gl-ml-7 gl-pb-2"
            >
              <ul
                class="list-unstyled gl-py-1"
              />
            </div>
          </div>
        </div>
      </li>
    </ul>
  </div>
</section>
`;
