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

exports[`<Configuration /> matches snapshot 1`] = `
"
<form class=\\"px-3 accordion\\">
  <div class=\\"accordion card\\">
    <div class=\\"card-header cursor-pointer active\\">
      <div class=\\"d-flex flex-row justify-content-between\\">
        <div>
          Refresh interval
        </div>
        <div>
          <svg aria-hidden=\\"true\\"
               focusable=\\"false\\"
               data-prefix=\\"fas\\"
               data-icon=\\"chevron-down\\"
               class=\\"svg-inline--fa fa-chevron-down fa-w-14 text-muted\\"
               role=\\"img\\"
               xmlns=\\"http://www.w3.org/2000/svg\\"
               viewbox=\\"0 0 448 512\\"
               style=\\"transition: transform 0.25s ease-in-out;\\"
          >
            <path fill=\\"currentColor\\"
                  d=\\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\\"
            >
            </path>
          </svg>
        </div>
      </div>
    </div>
    <div class=\\"card-body my-2\\">
      <div class=\\"form-group mb-0 text-center\\">
        <div class=\\"input-range-track\\"
             style=\\"transform: scale(1); cursor: pointer;\\"
        >
          <div class=\\"input-range-thumb\\"
               style=\\"position: absolute; z-index: 0; cursor: grab; user-select: none; transform: translate(NaNpx, NaNpx);\\"
               tabindex=\\"0\\"
               aria-valuemax=\\"120\\"
               aria-valuemin=\\"10\\"
               aria-valuenow=\\"30\\"
               draggable=\\"false\\"
               role=\\"slider\\"
          >
            30s
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class=\\"accordion card\\">
    <div class=\\"card-header cursor-pointer active\\">
      <div class=\\"d-flex flex-row justify-content-between\\">
        <div>
          Filter bar configuration
        </div>
        <div>
          <svg aria-hidden=\\"true\\"
               focusable=\\"false\\"
               data-prefix=\\"fas\\"
               data-icon=\\"chevron-down\\"
               class=\\"svg-inline--fa fa-chevron-down fa-w-14 text-muted\\"
               role=\\"img\\"
               xmlns=\\"http://www.w3.org/2000/svg\\"
               viewbox=\\"0 0 448 512\\"
               style=\\"transition: transform 0.25s ease-in-out;\\"
          >
            <path fill=\\"currentColor\\"
                  d=\\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\\"
            >
            </path>
          </svg>
        </div>
      </div>
    </div>
    <div class=\\"card-body my-2\\">
      <div class=\\"form-group mb-0\\">
        <div class=\\"form-check form-check-inline\\">
          <span class=\\"custom-control custom-switch\\">
            <input id=\\"configuration-autohide\\"
                   class=\\"custom-control-input\\"
                   type=\\"checkbox\\"
                   checked
            >
            <label class=\\"custom-control-label cursor-pointer mr-3\\"
                   for=\\"configuration-autohide\\"
            >
              Hide filter bar and alert details when idle
            </label>
          </span>
        </div>
      </div>
    </div>
  </div>
  <div class=\\"accordion card\\">
    <div class=\\"card-header cursor-pointer active\\">
      <div class=\\"d-flex flex-row justify-content-between\\">
        <div>
          Theme
        </div>
        <div>
          <svg aria-hidden=\\"true\\"
               focusable=\\"false\\"
               data-prefix=\\"fas\\"
               data-icon=\\"chevron-down\\"
               class=\\"svg-inline--fa fa-chevron-down fa-w-14 text-muted\\"
               role=\\"img\\"
               xmlns=\\"http://www.w3.org/2000/svg\\"
               viewbox=\\"0 0 448 512\\"
               style=\\"transition: transform 0.25s ease-in-out;\\"
          >
            <path fill=\\"currentColor\\"
                  d=\\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\\"
            >
            </path>
          </svg>
        </div>
      </div>
    </div>
    <div class=\\"card-body my-2\\">
      <div class=\\"form-group mb-2\\">
        <div class=\\" css-2b097c-container\\">
          <div class=\\"react-select__control css-cat782-control\\">
            <div class=\\"react-select__value-container react-select__value-container--has-value css-17yk2dy-ValueContainer\\">
              <div class=\\"react-select__single-value css-1wh03ml-singleValue\\">
                Automatic theme, follow browser preference
              </div>
              <div class=\\"css-ps6ina-Input\\">
                <div class=\\"react-select__input\\"
                     style=\\"display: inline-block;\\"
                >
                  <input autocapitalize=\\"none\\"
                         autocomplete=\\"off\\"
                         autocorrect=\\"off\\"
                         id=\\"react-select-configuration-theme-input\\"
                         spellcheck=\\"false\\"
                         tabindex=\\"0\\"
                         type=\\"text\\"
                         aria-autocomplete=\\"list\\"
                         style=\\"box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;\\"
                         value
                  >
                  <div style=\\"position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;\\">
                  </div>
                </div>
              </div>
            </div>
            <div class=\\"react-select__indicators css-vcwr3k-IndicatorsContainer\\">
              <span class=\\"react-select__indicator-separator css-1okebmr-indicatorSeparator\\">
              </span>
              <div aria-hidden=\\"true\\"
                   class=\\"react-select__indicator react-select__dropdown-indicator css-tlfecz-indicatorContainer\\"
              >
                <svg height=\\"20\\"
                     width=\\"20\\"
                     viewbox=\\"0 0 20 20\\"
                     aria-hidden=\\"true\\"
                     focusable=\\"false\\"
                     class=\\"css-tj5bde-Svg\\"
                >
                  <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=\\"form-group mb-0\\">
        <div class=\\"form-check form-check-inline\\">
          <span class=\\"custom-control custom-switch\\">
            <input id=\\"configuration-colortitlebar\\"
                   class=\\"custom-control-input\\"
                   type=\\"checkbox\\"
            >
            <label class=\\"custom-control-label cursor-pointer mr-3\\"
                   for=\\"configuration-colortitlebar\\"
            >
              Color group titlebar
            </label>
          </span>
        </div>
      </div>
      <div class=\\"form-group mb-0\\">
        <div class=\\"form-check form-check-inline\\">
          <span class=\\"custom-control custom-switch\\">
            <input id=\\"configuration-animations\\"
                   class=\\"custom-control-input\\"
                   type=\\"checkbox\\"
                   checked
            >
            <label class=\\"custom-control-label cursor-pointer mr-3\\"
                   for=\\"configuration-animations\\"
            >
              Enable animations
            </label>
          </span>
        </div>
      </div>
    </div>
  </div>
  <div class=\\"accordion card\\">
    <div class=\\"card-header cursor-pointer active\\">
      <div class=\\"d-flex flex-row justify-content-between\\">
        <div>
          Minimal alert group width
        </div>
        <div>
          <svg aria-hidden=\\"true\\"
               focusable=\\"false\\"
               data-prefix=\\"fas\\"
               data-icon=\\"chevron-down\\"
               class=\\"svg-inline--fa fa-chevron-down fa-w-14 text-muted\\"
               role=\\"img\\"
               xmlns=\\"http://www.w3.org/2000/svg\\"
               viewbox=\\"0 0 448 512\\"
               style=\\"transition: transform 0.25s ease-in-out;\\"
          >
            <path fill=\\"currentColor\\"
                  d=\\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\\"
            >
            </path>
          </svg>
        </div>
      </div>
    </div>
    <div class=\\"card-body my-2\\">
      <div class=\\"form-group mb-0 text-center\\">
        <div class=\\"input-range-track\\"
             style=\\"transform: scale(1); cursor: pointer;\\"
        >
          <div class=\\"input-range-thumb\\"
               style=\\"position: absolute; z-index: 0; cursor: grab; user-select: none; transform: translate(NaNpx, NaNpx);\\"
               tabindex=\\"0\\"
               aria-valuemax=\\"800\\"
               aria-valuemin=\\"300\\"
               aria-valuenow=\\"420\\"
               draggable=\\"false\\"
               role=\\"slider\\"
          >
            420
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class=\\"accordion card\\">
    <div class=\\"card-header cursor-pointer active\\">
      <div class=\\"d-flex flex-row justify-content-between\\">
        <div>
          Default number of alerts to show per group
        </div>
        <div>
          <svg aria-hidden=\\"true\\"
               focusable=\\"false\\"
               data-prefix=\\"fas\\"
               data-icon=\\"chevron-down\\"
               class=\\"svg-inline--fa fa-chevron-down fa-w-14 text-muted\\"
               role=\\"img\\"
               xmlns=\\"http://www.w3.org/2000/svg\\"
               viewbox=\\"0 0 448 512\\"
               style=\\"transition: transform 0.25s ease-in-out;\\"
          >
            <path fill=\\"currentColor\\"
                  d=\\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\\"
            >
            </path>
          </svg>
        </div>
      </div>
    </div>
    <div class=\\"card-body my-2\\">
      <div class=\\"form-group mb-0 text-center\\">
        <div class=\\"input-range-track\\"
             style=\\"transform: scale(1); cursor: pointer;\\"
        >
          <div class=\\"input-range-thumb\\"
               style=\\"position: absolute; z-index: 0; cursor: grab; user-select: none; transform: translate(NaNpx, NaNpx);\\"
               tabindex=\\"0\\"
               aria-valuemax=\\"10\\"
               aria-valuemin=\\"1\\"
               aria-valuenow=\\"5\\"
               draggable=\\"false\\"
               role=\\"slider\\"
          >
            5
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class=\\"accordion card\\">
    <div class=\\"card-header cursor-pointer active\\">
      <div class=\\"d-flex flex-row justify-content-between\\">
        <div>
          Default alert group display
        </div>
        <div>
          <svg aria-hidden=\\"true\\"
               focusable=\\"false\\"
               data-prefix=\\"fas\\"
               data-icon=\\"chevron-down\\"
               class=\\"svg-inline--fa fa-chevron-down fa-w-14 text-muted\\"
               role=\\"img\\"
               xmlns=\\"http://www.w3.org/2000/svg\\"
               viewbox=\\"0 0 448 512\\"
               style=\\"transition: transform 0.25s ease-in-out;\\"
          >
            <path fill=\\"currentColor\\"
                  d=\\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\\"
            >
            </path>
          </svg>
        </div>
      </div>
    </div>
    <div class=\\"card-body my-2\\">
      <div class=\\"form-group mb-0\\">
        <div class=\\" css-2b097c-container\\">
          <div class=\\"react-select__control css-cat782-control\\">
            <div class=\\"react-select__value-container react-select__value-container--has-value css-17yk2dy-ValueContainer\\">
              <div class=\\"react-select__single-value css-1wh03ml-singleValue\\">
                Collapse on mobile
              </div>
              <div class=\\"css-ps6ina-Input\\">
                <div class=\\"react-select__input\\"
                     style=\\"display: inline-block;\\"
                >
                  <input autocapitalize=\\"none\\"
                         autocomplete=\\"off\\"
                         autocorrect=\\"off\\"
                         id=\\"react-select-configuration-collapse-input\\"
                         spellcheck=\\"false\\"
                         tabindex=\\"0\\"
                         type=\\"text\\"
                         aria-autocomplete=\\"list\\"
                         style=\\"box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;\\"
                         value
                  >
                  <div style=\\"position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;\\">
                  </div>
                </div>
              </div>
            </div>
            <div class=\\"react-select__indicators css-vcwr3k-IndicatorsContainer\\">
              <span class=\\"react-select__indicator-separator css-1okebmr-indicatorSeparator\\">
              </span>
              <div aria-hidden=\\"true\\"
                   class=\\"react-select__indicator react-select__dropdown-indicator css-tlfecz-indicatorContainer\\"
              >
                <svg height=\\"20\\"
                     width=\\"20\\"
                     viewbox=\\"0 0 20 20\\"
                     aria-hidden=\\"true\\"
                     focusable=\\"false\\"
                     class=\\"css-tj5bde-Svg\\"
                >
                  <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>
  <div class=\\"accordion card\\">
    <div class=\\"card-header cursor-pointer active\\">
      <div class=\\"d-flex flex-row justify-content-between\\">
        <div>
          Grid sort order
        </div>
        <div>
          <svg aria-hidden=\\"true\\"
               focusable=\\"false\\"
               data-prefix=\\"fas\\"
               data-icon=\\"chevron-down\\"
               class=\\"svg-inline--fa fa-chevron-down fa-w-14 text-muted\\"
               role=\\"img\\"
               xmlns=\\"http://www.w3.org/2000/svg\\"
               viewbox=\\"0 0 448 512\\"
               style=\\"transition: transform 0.25s ease-in-out;\\"
          >
            <path fill=\\"currentColor\\"
                  d=\\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\\"
            >
            </path>
          </svg>
        </div>
      </div>
    </div>
    <div class=\\"card-body my-2\\">
      <div class=\\"form-group mb-0\\">
        <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-2b097c-container\\">
              <div class=\\"react-select__control css-cat782-control\\">
                <div class=\\"react-select__value-container react-select__value-container--has-value css-17yk2dy-ValueContainer\\">
                  <div class=\\"react-select__single-value css-1wh03ml-singleValue\\">
                    Use defaults from karma config file
                  </div>
                  <div class=\\"css-ps6ina-Input\\">
                    <div class=\\"react-select__input\\"
                         style=\\"display: inline-block;\\"
                    >
                      <input autocapitalize=\\"none\\"
                             autocomplete=\\"off\\"
                             autocorrect=\\"off\\"
                             id=\\"react-select-configuration-sort-order-input\\"
                             spellcheck=\\"false\\"
                             tabindex=\\"0\\"
                             type=\\"text\\"
                             aria-autocomplete=\\"list\\"
                             style=\\"box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;\\"
                             value
                      >
                      <div style=\\"position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;\\">
                      </div>
                    </div>
                  </div>
                </div>
                <div class=\\"react-select__indicators css-vcwr3k-IndicatorsContainer\\">
                  <span class=\\"react-select__indicator-separator css-1okebmr-indicatorSeparator\\">
                  </span>
                  <div aria-hidden=\\"true\\"
                       class=\\"react-select__indicator react-select__dropdown-indicator css-tlfecz-indicatorContainer\\"
                  >
                    <svg height=\\"20\\"
                         width=\\"20\\"
                         viewbox=\\"0 0 20 20\\"
                         aria-hidden=\\"true\\"
                         focusable=\\"false\\"
                         class=\\"css-tj5bde-Svg\\"
                    >
                      <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>
    </div>
  </div>
  <div class=\\"accordion card\\">
    <div class=\\"card-header cursor-pointer active\\">
      <div class=\\"d-flex flex-row justify-content-between\\">
        <div>
          Multi-grid source label
        </div>
        <div>
          <svg aria-hidden=\\"true\\"
               focusable=\\"false\\"
               data-prefix=\\"fas\\"
               data-icon=\\"chevron-down\\"
               class=\\"svg-inline--fa fa-chevron-down fa-w-14 text-muted\\"
               role=\\"img\\"
               xmlns=\\"http://www.w3.org/2000/svg\\"
               viewbox=\\"0 0 448 512\\"
               style=\\"transition: transform 0.25s ease-in-out;\\"
          >
            <path fill=\\"currentColor\\"
                  d=\\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\\"
            >
            </path>
          </svg>
        </div>
      </div>
    </div>
    <div class=\\"card-body my-2\\">
      <div class=\\"form-group mb-0\\">
        <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 mx-0 mx-lg-1 mt-1 mt-lg-0\\">
            <div class=\\" css-2b097c-container\\">
              <div class=\\"react-select__control css-cat782-control\\">
                <div class=\\"react-select__value-container react-select__value-container--has-value css-17yk2dy-ValueContainer\\">
                  <div class=\\"react-select__single-value css-1wh03ml-singleValue\\">
                    Disable multi-grid
                  </div>
                  <div class=\\"css-ps6ina-Input\\">
                    <div class=\\"react-select__input\\"
                         style=\\"display: inline-block;\\"
                    >
                      <input autocapitalize=\\"none\\"
                             autocomplete=\\"off\\"
                             autocorrect=\\"off\\"
                             id=\\"react-select-configuration-grid-label-input\\"
                             spellcheck=\\"false\\"
                             tabindex=\\"0\\"
                             type=\\"text\\"
                             aria-autocomplete=\\"list\\"
                             style=\\"box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;\\"
                             value
                      >
                      <div style=\\"position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;\\">
                      </div>
                    </div>
                  </div>
                </div>
                <div class=\\"react-select__indicators css-vcwr3k-IndicatorsContainer\\">
                  <span class=\\"react-select__indicator-separator css-1okebmr-indicatorSeparator\\">
                  </span>
                  <div aria-hidden=\\"true\\"
                       class=\\"react-select__indicator react-select__dropdown-indicator css-tlfecz-indicatorContainer\\"
                  >
                    <svg height=\\"20\\"
                         width=\\"20\\"
                         viewbox=\\"0 0 20 20\\"
                         aria-hidden=\\"true\\"
                         focusable=\\"false\\"
                         class=\\"css-tj5bde-Svg\\"
                    >
                      <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=\\"flex-shrink-1 flex-grow-0 form-check form-check-inline flex-basis-auto mt-1 mt-lg-0 ml-0 ml-lg-1 mr-0\\">
            <span class=\\"custom-control custom-switch\\">
              <input id=\\"configuration-multigrid-sort-reverse\\"
                     class=\\"custom-control-input\\"
                     type=\\"checkbox\\"
              >
              <label class=\\"custom-control-label cursor-pointer mr-3\\"
                     for=\\"configuration-multigrid-sort-reverse\\"
              >
                Reverse order
              </label>
            </span>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>
"
`;
