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

exports[`<Configuration /> matches snapshot 1`] = `
"
<form class=\\"px-3\\">
  <div class=\\"form-group text-center\\">
    <label class=\\"mb-4 font-weight-bold\\">
      Refresh interval
    </label>
    <div aria-disabled=\\"false\\"
         class=\\"input-range\\"
    >
      <span class=\\"input-range__label input-range__label--min\\">
        <span class=\\"input-range__label-container\\">
          10s
        </span>
      </span>
      <div class=\\"input-range__track input-range__track--background\\">
        <div style=\\"left:0%;width:18.181818181818183%\\"
             class=\\"input-range__track input-range__track--active\\"
        >
        </div>
        <span class=\\"input-range__slider-container\\"
              style=\\"position:absolute;left:18.181818181818183%\\"
        >
          <span class=\\"input-range__label input-range__label--value\\">
            <span class=\\"input-range__label-container\\">
              30s
            </span>
          </span>
          <div aria-valuemax=\\"120\\"
               aria-valuemin=\\"10\\"
               aria-valuenow=\\"30\\"
               class=\\"input-range__slider\\"
               draggable=\\"false\\"
               role=\\"slider\\"
               tabindex=\\"0\\"
          >
          </div>
        </span>
      </div>
      <span class=\\"input-range__label input-range__label--max\\">
        <span class=\\"input-range__label-container\\">
          120s
        </span>
      </span>
    </div>
  </div>
  <div class=\\"mt-5\\">
  </div>
  <div class=\\"form-group\\">
    <div class=\\"text-center\\">
      <label class=\\"mb-2 font-weight-bold\\">
        Filter bar configuration
      </label>
    </div>
    <div class=\\"form-check form-check-inline\\">
      <span class=\\"custom-control custom-switch\\">
        <input type=\\"checkbox\\"
               id=\\"configuration-autohide\\"
               class=\\"custom-control-input\\"
               value
               checked
        >
        <label class=\\"custom-control-label cursor-pointer mr-3\\"
               for=\\"configuration-autohide\\"
        >
          Hide filter bar when idle
        </label>
      </span>
    </div>
  </div>
  <div class=\\"mt-5\\">
  </div>
  <div class=\\"form-group text-center\\">
    <label class=\\"mb-4 font-weight-bold\\">
      Default number of alerts to show per group
    </label>
    <div aria-disabled=\\"false\\"
         class=\\"input-range\\"
    >
      <span class=\\"input-range__label input-range__label--min\\">
        <span class=\\"input-range__label-container\\">
          1
        </span>
      </span>
      <div class=\\"input-range__track input-range__track--background\\">
        <div style=\\"left:0%;width:44.44444444444444%\\"
             class=\\"input-range__track input-range__track--active\\"
        >
        </div>
        <span class=\\"input-range__slider-container\\"
              style=\\"position:absolute;left:44.44444444444444%\\"
        >
          <span class=\\"input-range__label input-range__label--value\\">
            <span class=\\"input-range__label-container\\">
              5
            </span>
          </span>
          <div aria-valuemax=\\"10\\"
               aria-valuemin=\\"1\\"
               aria-valuenow=\\"5\\"
               class=\\"input-range__slider\\"
               draggable=\\"false\\"
               role=\\"slider\\"
               tabindex=\\"0\\"
          >
          </div>
        </span>
      </div>
      <span class=\\"input-range__label input-range__label--max\\">
        <span class=\\"input-range__label-container\\">
          10
        </span>
      </span>
    </div>
  </div>
  <div class=\\"mt-5\\">
  </div>
  <div class=\\"form-group\\">
    <div class=\\"text-center\\">
      <label class=\\"mb-4 font-weight-bold\\">
        Default alert group display
      </label>
    </div>
    <div class=\\"css-10nd86i\\">
      <div class=\\"css-7jxtyj react-select__control\\">
        <div class=\\"css-pb81dw react-select__value-container react-select__value-container--has-value\\">
          <div class=\\"css-xp4uvy react-select__single-value\\">
            Collapse on mobile
          </div>
          <div class=\\"css-1g6gooi\\">
            <div class=\\"react-select__input\\"
                 style=\\"display:inline-block\\"
            >
              <input type=\\"text\\"
                     autocapitalize=\\"none\\"
                     autocomplete=\\"off\\"
                     autocorrect=\\"off\\"
                     id=\\"react-select-configuration-collapse-input\\"
                     spellcheck=\\"false\\"
                     tabindex=\\"0\\"
                     value
                     aria-autocomplete=\\"list\\"
                     style=\\"box-sizing:content-box;width:1px;background:0;border:0;font-size:inherit;opacity:1;outline:0;padding:0;color:inherit\\"
              >
              <div style=\\"position:absolute;top:0;left:0;visibility:hidden;height:0;overflow:scroll;white-space:pre\\">
              </div>
            </div>
          </div>
        </div>
        <div class=\\"css-mik995 react-select__indicators\\">
          <span class=\\"css-d8oujb react-select__indicator-separator\\">
          </span>
          <div aria-hidden=\\"true\\"
               class=\\"css-1ep9fjw react-select__indicator react-select__dropdown-indicator\\"
          >
            <svg height=\\"20\\"
                 width=\\"20\\"
                 viewbox=\\"0 0 20 20\\"
                 aria-hidden=\\"true\\"
                 focusable=\\"false\\"
                 class=\\"css-19bqh2r\\"
            >
              <path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class=\\"mt-5\\">
  </div>
  <div class=\\"form-group\\">
    <div class=\\"text-center\\">
      <label class=\\"mb-2 font-weight-bold\\">
        Grid sort order
      </label>
    </div>
    <div class=\\"d-flex flex-fill flex-lg-row flex-column justify-content-between\\">
      <div class=\\"flex-shrink-0 flex-grow-1 flex-basis-auto\\">
        <div class=\\"css-10nd86i\\">
          <div class=\\"css-7jxtyj react-select__control\\">
            <div class=\\"css-pb81dw react-select__value-container react-select__value-container--has-value\\">
              <div class=\\"css-xp4uvy react-select__single-value\\">
                Use defaults from karma config file
              </div>
              <div class=\\"css-1g6gooi\\">
                <div class=\\"react-select__input\\"
                     style=\\"display:inline-block\\"
                >
                  <input type=\\"text\\"
                         autocapitalize=\\"none\\"
                         autocomplete=\\"off\\"
                         autocorrect=\\"off\\"
                         id=\\"react-select-configuration-sort-order-input\\"
                         spellcheck=\\"false\\"
                         tabindex=\\"0\\"
                         value
                         aria-autocomplete=\\"list\\"
                         style=\\"box-sizing:content-box;width:1px;background:0;border:0;font-size:inherit;opacity:1;outline:0;padding:0;color:inherit\\"
                  >
                  <div style=\\"position:absolute;top:0;left:0;visibility:hidden;height:0;overflow:scroll;white-space:pre\\">
                  </div>
                </div>
              </div>
            </div>
            <div class=\\"css-mik995 react-select__indicators\\">
              <span class=\\"css-d8oujb react-select__indicator-separator\\">
              </span>
              <div aria-hidden=\\"true\\"
                   class=\\"css-1ep9fjw react-select__indicator react-select__dropdown-indicator\\"
              >
                <svg height=\\"20\\"
                     width=\\"20\\"
                     viewbox=\\"0 0 20 20\\"
                     aria-hidden=\\"true\\"
                     focusable=\\"false\\"
                     class=\\"css-19bqh2r\\"
                >
                  <path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
                  </path>
                </svg>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>
"
`;
