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

exports[`Aggregations renders correctly 1`] = `
Array [
  <div
    className="gf-form-inline"
  >
    <div
      className="gf-form"
    >
      <label
        className="gf-form-label query-keyword width-9"
      >
        Aggregation
      </label>
      <div>
        <div
          className="css-0 gf-form-input gf-form-input--form-dropdown width-15"
          onKeyDown={[Function]}
        >
          <div
            className="css-0 gf-form-select-box__control"
            onMouseDown={[Function]}
            onTouchEnd={[Function]}
          >
            <div
              className="css-0 gf-form-select-box__value-container"
            >
              <div
                className="css-0 gf-form-select-box__placeholder"
              >
                Select Reducer
              </div>
              <div
                className="css-0"
              >
                <div
                  className="gf-form-select-box__input"
                  style={
                    Object {
                      "display": "inline-block",
                    }
                  }
                >
                  <input
                    aria-autocomplete="list"
                    autoCapitalize="none"
                    autoComplete="off"
                    autoCorrect="off"
                    disabled={false}
                    id="react-select-2-input"
                    onBlur={[Function]}
                    onChange={[Function]}
                    onFocus={[Function]}
                    spellCheck="false"
                    style={
                      Object {
                        "background": 0,
                        "border": 0,
                        "boxSizing": "content-box",
                        "color": "inherit",
                        "fontSize": "inherit",
                        "opacity": 1,
                        "outline": 0,
                        "padding": 0,
                        "width": "1px",
                      }
                    }
                    tabIndex="0"
                    type="text"
                    value=""
                  />
                  <div
                    style={
                      Object {
                        "height": 0,
                        "left": 0,
                        "overflow": "scroll",
                        "position": "absolute",
                        "top": 0,
                        "visibility": "hidden",
                        "whiteSpace": "pre",
                      }
                    }
                  >
                    
                  </div>
                </div>
              </div>
            </div>
            <div
              className="css-0 gf-form-select-box__indicators"
            >
              <span
                className="gf-form-select-box__select-arrow "
              />
            </div>
          </div>
        </div>
      </div>
    </div>
    <div
      className="gf-form gf-form--grow"
    >
      <label
        className="gf-form-label gf-form-label--grow"
      >
        <a
          onClick={[Function]}
        >
          <i
            className="fa fa-caret-right"
          />
           Advanced Options
        </a>
      </label>
    </div>
  </div>,
  <div />,
]
`;
