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

exports[`ClusterDetailsContainer with no clusters renders as expected 1`] = `
<div
  className="clusterDetails"
>
  <div
    className="pf-c-select"
    data-ouia-component-id="OUIA-Generated-Select-typeahead-1"
    data-ouia-component-type="PF4/Select"
    data-ouia-safe={true}
  >
    <div
      className="pf-c-select__toggle pf-m-typeahead"
      onClick={[Function]}
      onKeyDown={[Function]}
    >
      <div
        className="pf-c-select__toggle-wrapper"
      >
        <input
          aria-activedescendant={null}
          aria-label="Find cluster"
          autoComplete="off"
          className="pf-c-form-control pf-c-select__toggle-typeahead"
          disabled={false}
          id="pf-select-toggle-id-0-select-typeahead"
          onChange={[Function]}
          onClick={[Function]}
          placeholder="Find cluster"
          type="text"
          value=""
        />
      </div>
      <button
        aria-expanded={false}
        aria-haspopup="listbox"
        aria-label="Options menu"
        aria-labelledby="cluster-select-id-1 pf-select-toggle-id-0"
        className="pf-c-button pf-c-select__toggle-button pf-m-plain"
        disabled={false}
        id="pf-select-toggle-id-0"
        onClick={[Function]}
        tabIndex={-1}
        type="button"
      >
        <svg
          aria-hidden={true}
          aria-labelledby={null}
          className="pf-c-select__toggle-arrow"
          fill="currentColor"
          height="1em"
          role="img"
          style={
            Object {
              "verticalAlign": "-0.125em",
            }
          }
          viewBox="0 0 320 512"
          width="1em"
        >
          <path
            d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
          />
        </svg>
      </button>
    </div>
  </div>
  <div
    className="spacer"
  />
  <div
    className="spacer"
  />
</div>
`;

exports[`ClusterDetailsContainer with some clusters renders as expected 1`] = `
<div
  className="clusterDetails"
>
  <div
    className="pf-c-select"
    data-ouia-component-id="OUIA-Generated-Select-typeahead-2"
    data-ouia-component-type="PF4/Select"
    data-ouia-safe={true}
  >
    <div
      className="pf-c-select__toggle pf-m-typeahead"
      onClick={[Function]}
      onKeyDown={[Function]}
    >
      <div
        className="pf-c-select__toggle-wrapper"
      >
        <input
          aria-activedescendant={null}
          aria-label="Find cluster"
          autoComplete="off"
          className="pf-c-form-control pf-c-select__toggle-typeahead"
          disabled={false}
          id="pf-select-toggle-id-1-select-typeahead"
          onChange={[Function]}
          onClick={[Function]}
          placeholder="Find cluster"
          type="text"
          value=""
        />
      </div>
      <button
        aria-expanded={false}
        aria-haspopup="listbox"
        aria-label="Options menu"
        aria-labelledby="cluster-select-id-1 pf-select-toggle-id-1"
        className="pf-c-button pf-c-select__toggle-button pf-m-plain"
        disabled={false}
        id="pf-select-toggle-id-1"
        onClick={[Function]}
        tabIndex={-1}
        type="button"
      >
        <svg
          aria-hidden={true}
          aria-labelledby={null}
          className="pf-c-select__toggle-arrow"
          fill="currentColor"
          height="1em"
          role="img"
          style={
            Object {
              "verticalAlign": "-0.125em",
            }
          }
          viewBox="0 0 320 512"
          width="1em"
        >
          <path
            d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
          />
        </svg>
      </button>
    </div>
  </div>
  <div
    className="spacer"
  />
  <div
    className="spacer"
  />
  <div
    className="clusterDetailItem"
    style={
      Object {
        "borderBottom": "1px solid #D2D2D2",
        "borderTop": "1px solid #D2D2D2",
      }
    }
  >
    <div
      className="pf-c-expandable-section"
    >
      <button
        aria-expanded={false}
        className="pf-c-expandable-section__toggle"
        onClick={[Function]}
        type="button"
      >
        <span
          className="pf-c-expandable-section__toggle-icon"
        >
          <svg
            aria-hidden={true}
            aria-labelledby={null}
            fill="currentColor"
            height="1em"
            role="img"
            style={
              Object {
                "verticalAlign": "-0.125em",
              }
            }
            viewBox="0 0 256 512"
            width="1em"
          >
            <path
              d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
            />
          </svg>
        </span>
        <span
          className="pf-c-expandable-section__toggle-text"
        >
          fxiang-eks
        </span>
      </button>
      <div
        className="pf-c-expandable-section__content"
        hidden={true}
      >
        <span
          style={
            Object {
              "color": "#5A6872",
              "display": "block",
              "fontFamily": "RedHatText",
              "fontSize": "12px",
              "lineHeight": "21px",
              "textAlign": "left",
            }
          }
        >
          Namespace: fxiang-eks
        </span>
        <span
          className="label sectionLabel"
          style={
            Object {
              "fontSize": "1rem",
              "paddingLeft": "1rem",
            }
          }
        >
          Details
        </span>
        <div
          className="spacer"
        />
        <div
          className="sectionContent borderLeft"
        >
          <span
            className="label sectionLabel"
          >
            Name
            :
             
          </span>
          <span
            className="value"
          >
            fxiang-eks
          </span>
        </div>
        <div
          className="sectionContent borderLeft"
        >
          <span
            className="label sectionLabel"
          >
            Namespace
            :
             
          </span>
          <span
            className="value"
          >
            fxiang-eks
          </span>
        </div>
        <div
          className="sectionContent borderLeft"
        >
          <span
            className="label sectionLabel"
          >
            Status
            :
             
          </span>
          <span
            className="value"
          >
            ok
          </span>
        </div>
        <div
          className="sectionContent borderLeft"
        >
          <span
            className="label sectionLabel"
          >
            CPU
            :
             
          </span>
          <span
            className="value"
          >
            3
            %
          </span>
        </div>
        <div
          className="sectionContent borderLeft"
        >
          <span
            className="label sectionLabel"
          >
            Memory
            :
             
          </span>
          <span
            className="value"
          >
            13
            %
          </span>
        </div>
        <div
          className="sectionContent borderLeft"
        >
          <span
            className="label sectionLabel"
          >
            Created
            :
             
          </span>
          <span
            className="value"
          >
            -
          </span>
        </div>
        <div
          className="spacer"
        />
      </div>
    </div>
    <span
      style={
        Object {
          "color": "#5A6872",
          "display": "block",
          "fontFamily": "RedHatText",
          "fontSize": "12px",
          "lineHeight": "21px",
          "textAlign": "left",
        }
      }
    >
      Namespace: fxiang-eks
    </span>
  </div>
  <div
    className="clusterDetailItem"
    style={
      Object {
        "borderBottom": "1px solid #D2D2D2",
      }
    }
  >
    <div
      className="pf-c-expandable-section"
    >
      <button
        aria-expanded={false}
        className="pf-c-expandable-section__toggle"
        onClick={[Function]}
        type="button"
      >
        <span
          className="pf-c-expandable-section__toggle-icon"
        >
          <svg
            aria-hidden={true}
            aria-labelledby={null}
            fill="currentColor"
            height="1em"
            role="img"
            style={
              Object {
                "verticalAlign": "-0.125em",
              }
            }
            viewBox="0 0 256 512"
            width="1em"
          >
            <path
              d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
            />
          </svg>
        </span>
        <span
          className="pf-c-expandable-section__toggle-text"
        >
          vbirsan1-remote
        </span>
      </button>
      <div
        className="pf-c-expandable-section__content"
        hidden={true}
      >
        <span
          style={
            Object {
              "color": "#5A6872",
              "display": "block",
              "fontFamily": "RedHatText",
              "fontSize": "12px",
              "lineHeight": "21px",
              "textAlign": "left",
            }
          }
        >
          Namespace: vbirsan1-remote
        </span>
        <span
          className="label sectionLabel"
          style={
            Object {
              "fontSize": "1rem",
              "paddingLeft": "1rem",
            }
          }
        >
          Details
        </span>
        <div
          className="spacer"
        />
        <div
          className="sectionContent borderLeft"
        >
          <span
            className="label sectionLabel"
          >
            Name
            :
             
          </span>
          <span
            className="value"
          >
            vbirsan1-remote
          </span>
        </div>
        <div
          className="sectionContent borderLeft"
        >
          <span
            className="label sectionLabel"
          >
            Namespace
            :
             
          </span>
          <span
            className="value"
          >
            vbirsan1-remote
          </span>
        </div>
        <div
          className="sectionContent borderLeft"
        >
          <span
            className="link sectionLabel"
            id="linkForNodeAction"
            onClick={[Function]}
            onKeyDown={[Function]}
            role="button"
            tabIndex="0"
          >
            Open cluster console
            <svg
              height="8px"
              style={
                Object {
                  "marginLeft": "9px",
                }
              }
              width="11px"
            >
              <use
                className="label-icon"
                href="#diagramIcons_carbonLaunch"
              />
            </svg>
          </span>
        </div>
        <div
          className="sectionContent borderLeft"
        >
          <span
            className="label sectionLabel"
          >
            Status
            :
             
          </span>
          <span
            className="value"
          >
            ok
          </span>
        </div>
        <div
          className="sectionContent borderLeft"
        >
          <span
            className="label sectionLabel"
          >
            CPU
            :
             
          </span>
          <span
            className="value"
          >
            8
            %
          </span>
        </div>
        <div
          className="sectionContent borderLeft"
        >
          <span
            className="label sectionLabel"
          >
            Memory
            :
             
          </span>
          <span
            className="value"
          >
            4
            %
          </span>
        </div>
        <div
          className="sectionContent borderLeft"
        >
          <span
            className="label sectionLabel"
          >
            Created
            :
             
          </span>
          <span
            className="value"
          >
            -
          </span>
        </div>
        <div
          className="spacer"
        />
      </div>
    </div>
    <span
      style={
        Object {
          "color": "#5A6872",
          "display": "block",
          "fontFamily": "RedHatText",
          "fontSize": "12px",
          "lineHeight": "21px",
          "textAlign": "left",
        }
      }
    >
      Namespace: vbirsan1-remote
    </span>
  </div>
</div>
`;
