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

exports[`grafana integration component default state to match the default snapshot 1`] = `
<section
  class="settings no-animate js-grafana-integration"
  id="grafana"
>
  <div
    class="settings-header"
  >
    <h4
      class="js-section-header settings-title js-settings-toggle js-settings-toggle-trigger-only"
    >
      
      Grafana authentication
    
    </h4>
     
    <gl-button-stub
      buttontextclasses=""
      category="primary"
      class="js-settings-toggle"
      icon=""
      size="medium"
      variant="default"
    >
      Expand
    </gl-button-stub>
     
    <p
      class="js-section-sub-header"
    >
      
      Set up Grafana authentication to embed Grafana panels in GitLab Flavored Markdown.
      
      <gl-link-stub>
        Learn more.
      </gl-link-stub>
    </p>
  </div>
   
  <div
    class="settings-content"
  >
    <form>
      <gl-form-checkbox-stub
        class="mb-4"
        id="grafana-integration-enabled"
      >
        
        Active
      
      </gl-form-checkbox-stub>
       
      <gl-form-group-stub
        description="Enter the base URL of the Grafana instance."
        label="Grafana URL"
        label-for="grafana-url"
      >
        <gl-form-input-stub
          id="grafana-url"
          placeholder="https://my-grafana.example.com/"
          value="http://test.host"
        />
      </gl-form-group-stub>
       
      <gl-form-group-stub
        label="API token"
        label-for="grafana-token"
      >
        <gl-form-input-stub
          id="grafana-token"
          value="someToken"
        />
         
        <p
          class="form-text text-muted"
        >
          
          Enter the Grafana API token.
          
          <a
            href="https://grafana.com/docs/http_api/auth/#create-api-token"
            rel="noopener noreferrer"
            target="_blank"
          >
            
            More information.
            
            <gl-icon-stub
              class="vertical-align-middle"
              name="external-link"
              size="16"
            />
          </a>
        </p>
      </gl-form-group-stub>
       
      <gl-button-stub
        buttontextclasses=""
        category="primary"
        icon=""
        size="medium"
        variant="success"
      >
        
        Save changes
      
      </gl-button-stub>
    </form>
  </div>
</section>
`;