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

exports[`Dashboard template matches the default snapshot 1`] = `
<div
  class="prometheus-graphs"
  data-qa-selector="prometheus_graphs"
  environmentstate="available"
  metricsdashboardbasepath="/monitoring/monitor-project/-/environments/1/metrics"
  metricsendpoint="/monitoring/monitor-project/-/environments/1/additional_metrics.json"
>
  <div>
    <gl-alert-stub
      class="mb-3"
      dismissible="true"
      dismisslabel="Dismiss"
      primarybuttonlink=""
      primarybuttontext=""
      secondarybuttonlink=""
      secondarybuttontext=""
      title="Feature deprecation and removal"
      variant="danger"
    >
      <gl-sprintf-stub
        message="The metrics, logs and tracing features were deprecated in GitLab 14.7 and are %{epicStart} scheduled for removal %{epicEnd} in GitLab 15.0."
      />
       
      <gl-sprintf-stub
        message="For information on a possible replacement %{epicStart} learn more about Opstrace %{epicEnd}."
      />
    </gl-alert-stub>
  </div>
   
  <div
    class="prometheus-graphs-header d-sm-flex flex-sm-wrap pt-2 pr-1 pb-0 pl-2 border-bottom bg-gray-light"
  >
    <div
      class="mb-2 mr-2 d-flex d-sm-block"
    >
      <dashboards-dropdown-stub
        class="flex-grow-1"
        data-qa-selector="dashboards_filter_dropdown"
        defaultbranch="master"
        id="monitor-dashboards-dropdown"
        toggle-class="dropdown-menu-toggle"
      />
    </div>
     
    <span
      aria-hidden="true"
      class="gl-pl-3 border-left gl-mb-3 d-none d-sm-block"
    />
     
    <div
      class="mb-2 pr-2 d-flex d-sm-block"
    >
      <gl-dropdown-stub
        category="primary"
        class="flex-grow-1"
        clearalltext="Clear all"
        clearalltextclass="gl-px-5"
        data-qa-selector="environments_dropdown"
        headertext=""
        hideheaderborder="true"
        highlighteditemstitle="Selected"
        highlighteditemstitleclass="gl-px-5"
        id="monitor-environments-dropdown"
        menu-class="monitor-environment-dropdown-menu"
        size="medium"
        text="production"
        toggleclass="dropdown-menu-toggle"
        variant="default"
      >
        <div
          class="d-flex flex-column overflow-hidden"
        >
          <gl-dropdown-section-header-stub>
            Environment
          </gl-dropdown-section-header-stub>
           
          <gl-search-box-by-type-stub
            clearbuttontitle="Clear"
            value=""
          />
           
          <div
            class="flex-fill overflow-auto"
          />
           
          <div
            class="text-secondary no-matches-message"
          >
            
          No matching results
        
          </div>
        </div>
      </gl-dropdown-stub>
    </div>
     
    <div
      class="mb-2 pr-2 d-flex d-sm-block"
    >
      <date-time-picker-stub
        class="flex-grow-1 show-last-dropdown"
        customenabled="true"
        data-qa-selector="range_picker_dropdown"
        options="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"
        value="[object Object]"
      />
    </div>
     
    <div
      class="mb-2 pr-2 d-flex d-sm-block"
    >
      <refresh-button-stub />
    </div>
     
    <div
      class="flex-grow-1"
    />
     
    <div
      class="d-sm-flex"
    >
      <!---->
       
      <!---->
       
      <div
        class="gl-mb-3 gl-mr-3 d-flex d-sm-block"
      >
        <actions-menu-stub
          custommetricspath="/monitoring/monitor-project/prometheus/metrics"
          defaultbranch="master"
          isootbdashboard="true"
          validatequerypath="/monitoring/monitor-project/prometheus/metrics/validate_query"
        />
      </div>
       
      <!---->
    </div>
  </div>
   
  <empty-state-stub
    clusterspath="/monitoring/monitor-project/-/clusters"
    documentationpath="/help/administration/monitoring/prometheus/index.md"
    emptygettingstartedsvgpath="/images/illustrations/monitoring/getting_started.svg"
    emptyloadingsvgpath="/images/illustrations/monitoring/loading.svg"
    emptynodatasmallsvgpath="/images/illustrations/chart-empty-state-small.svg"
    emptynodatasvgpath="/images/illustrations/monitoring/no_data.svg"
    emptyunabletoconnectsvgpath="/images/illustrations/monitoring/unable_to_connect.svg"
    selectedstate="gettingStarted"
    settingspath="/monitoring/monitor-project/-/integrations/prometheus/edit"
  />
</div>
`;