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

exports[`TeamPicker renders correctly 1`] = `
<div
  className="user-picker"
>
  <div
    className="css-0 gf-form-input gf-form-input--form-dropdown"
    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 a team
        </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"
              theme={
                Object {
                  "borderRadius": 4,
                  "colors": Object {
                    "danger": "#DE350B",
                    "dangerLight": "#FFBDAD",
                    "neutral0": "hsl(0, 0%, 100%)",
                    "neutral10": "hsl(0, 0%, 90%)",
                    "neutral20": "hsl(0, 0%, 80%)",
                    "neutral30": "hsl(0, 0%, 70%)",
                    "neutral40": "hsl(0, 0%, 60%)",
                    "neutral5": "hsl(0, 0%, 95%)",
                    "neutral50": "hsl(0, 0%, 50%)",
                    "neutral60": "hsl(0, 0%, 40%)",
                    "neutral70": "hsl(0, 0%, 30%)",
                    "neutral80": "hsl(0, 0%, 20%)",
                    "neutral90": "hsl(0, 0%, 10%)",
                    "primary": "#2684FF",
                    "primary25": "#DEEBFF",
                    "primary50": "#B2D4FF",
                    "primary75": "#4C9AFF",
                  },
                  "spacing": Object {
                    "baseUnit": 4,
                    "controlHeight": 38,
                    "menuGutter": 8,
                  },
                }
              }
              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>
`;
