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

exports[`ResourceToolbar component no filter renders as expected 1`] = `
<div
  className="resource-toolbar"
  id="resource-toolbar"
>
  <div
    className="resource-toolbar-container"
  >
    <div
      className="resource-toolbar-buttons"
    >
      <div
        className="resource-filter-button"
        onClick={[Function]}
        onKeyPress={[Function]}
        role="button"
        tabIndex={0}
      >
        <svg
          className="button-icon"
        >
          <use
            href="#diagramIcons_filter"
          />
        </svg>
        <div
          className="button-label"
        >
          Filter
        </div>
      </div>
      <div
        className="refresh-time-selection"
      >
        <div
          aria-label="Refresh"
          className="button"
          onClick={[Function]}
          onKeyPress={[Function]}
          role="button"
          tabIndex={0}
          title="Refresh"
        >
          <svg
            className="button-icon"
          >
            <use
              href="#diagramIcons_autoRefresh"
            />
          </svg>
        </div>
        <div
          aria-label="Choose refresh"
          className="bx--dropdown selection bx--list-box"
          onClick={[Function]}
          onKeyDown={[Function]}
          role="listbox"
          tabIndex={null}
        >
          <div
            aria-controls={null}
            aria-expanded={false}
            aria-haspopup={true}
            aria-label="Choose refresh"
            aria-owns={null}
            className="bx--list-box__field"
            data-toggle={true}
            disabled={false}
            onBlur={[Function]}
            onClick={[Function]}
            onKeyDown={[Function]}
            role="button"
            tabIndex="0"
            type="button"
          >
            <span
              className="bx--list-box__label"
              htmlFor="downshift-1-input"
            >
              Refresh every {0}s
            </span>
            <div
              className="bx--list-box__menu-icon"
            >
              <svg
                alt="Open menu"
                aria-label="Open menu"
                fillRule="evenodd"
                focusable="false"
                height="5"
                role="img"
                viewBox="0 0 10 5"
                width="10"
              >
                <title>
                  Open menu
                </title>
                <path
                  d="M0 0l5 4.998L10 0z"
                />
              </svg>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ResourceToolbar component renders as expected 1`] = `
<div
  className="resource-toolbar"
  id="resource-toolbar"
>
  <div
    className="resource-toolbar-container"
  >
    <div
      className="resource-toolbar-buttons"
    >
      <div
        className="refresh-time-selection"
      >
        <div
          aria-label="Refresh"
          className="button"
          onClick={[Function]}
          onKeyPress={[Function]}
          role="button"
          tabIndex={0}
          title="Refresh"
        >
          <svg
            className="button-icon"
          >
            <use
              href="#diagramIcons_autoRefresh"
            />
          </svg>
        </div>
        <div
          aria-label="Choose refresh"
          className="bx--dropdown selection bx--list-box"
          onClick={[Function]}
          onKeyDown={[Function]}
          role="listbox"
          tabIndex={null}
        >
          <div
            aria-controls={null}
            aria-expanded={false}
            aria-haspopup={true}
            aria-label="Choose refresh"
            aria-owns={null}
            className="bx--list-box__field"
            data-toggle={true}
            disabled={false}
            onBlur={[Function]}
            onClick={[Function]}
            onKeyDown={[Function]}
            role="button"
            tabIndex="0"
            type="button"
          >
            <span
              className="bx--list-box__label"
              htmlFor="downshift-0-input"
            >
              Refresh every {0}s
            </span>
            <div
              className="bx--list-box__menu-icon"
            >
              <svg
                alt="Open menu"
                aria-label="Open menu"
                fillRule="evenodd"
                focusable="false"
                height="5"
                role="img"
                viewBox="0 0 10 5"
                width="10"
              >
                <title>
                  Open menu
                </title>
                <path
                  d="M0 0l5 4.998L10 0z"
                />
              </svg>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    className="resource-filter-view"
    style={
      Object {
        "height": 771,
      }
    }
  >
    <h3
      className="filterHeader"
    >
      <svg
        className="titleIcon"
      >
        <use
          href="#diagramIcons_filter"
        />
      </svg>
      <div
        className="titleText"
      >
        Filter by
      </div>
      <svg
        alt="Close filter view"
        aria-label="Close filter view"
        className="closeIcon"
        fillRule="evenodd"
        height="10"
        name="icon--close"
        onClick={[Function]}
        onKeyPress={[Function]}
        role="button"
        tabIndex={0}
        viewBox="0 0 10 10"
        width="10"
      >
        <title>
          Close filter view
        </title>
        <path
          d="M6.32 5L10 8.68 8.68 10 5 6.32 1.32 10 0 8.68 3.68 5 0 1.32 1.32 0 5 3.68 8.68 0 10 1.32 6.32 5z"
        />
      </svg>
    </h3>
    <div
      className="filter-sections-container"
      style={
        Object {
          "height": 688,
          "overflow": "hidden",
          "position": "relative",
          "width": 260,
        }
      }
    >
      <div
        style={
          Object {
            "WebkitOverflowScrolling": "touch",
            "bottom": 0,
            "left": 0,
            "marginBottom": -17,
            "marginRight": 0,
            "overflow": "scroll",
            "position": "absolute",
            "right": 0,
            "top": 0,
          }
        }
      >
        <div
          className="filter-section"
        >
          <div
            className="filter-section-title"
          >
            Standards
          </div>
          <div
            className="bx--form-item bx--checkbox-wrapper"
          >
            <input
              checked={true}
              className="bx--checkbox"
              id="standardsFISMA"
              onChange={[Function]}
              onKeyPress={[Function]}
              type="checkbox"
            />
            <label
              className="bx--checkbox-label filter-section-checkbox"
              htmlFor="standardsFISMA"
              title={null}
            >
              <span
                className=""
              >
                FISMA
              </span>
            </label>
          </div>
          <div
            className="bx--form-item bx--checkbox-wrapper"
          >
            <input
              checked={true}
              className="bx--checkbox"
              id="standardsHIPAA"
              onChange={[Function]}
              onKeyPress={[Function]}
              type="checkbox"
            />
            <label
              className="bx--checkbox-label filter-section-checkbox"
              htmlFor="standardsHIPAA"
              title={null}
            >
              <span
                className=""
              >
                HIPAA
              </span>
            </label>
          </div>
          <div
            className="bx--form-item bx--checkbox-wrapper"
          >
            <input
              checked={true}
              className="bx--checkbox"
              id="standardsNIST"
              onChange={[Function]}
              onKeyPress={[Function]}
              type="checkbox"
            />
            <label
              className="bx--checkbox-label filter-section-checkbox"
              htmlFor="standardsNIST"
              title={null}
            >
              <span
                className=""
              >
                NIST
              </span>
            </label>
          </div>
          <div
            className="bx--form-item bx--checkbox-wrapper"
          >
            <input
              checked={true}
              className="bx--checkbox"
              id="standardsPCI"
              onChange={[Function]}
              onKeyPress={[Function]}
              type="checkbox"
            />
            <label
              className="bx--checkbox-label filter-section-checkbox"
              htmlFor="standardsPCI"
              title={null}
            >
              <span
                className=""
              >
                PCI
              </span>
            </label>
          </div>
        </div>
        <div
          className="filter-section"
        >
          <div
            className="filter-section-title"
          >
            Categories
          </div>
          <div
            className="bx--form-item bx--checkbox-wrapper"
          >
            <input
              checked={true}
              className="bx--checkbox"
              id="categoriesSystem And Communications Protections"
              onChange={[Function]}
              onKeyPress={[Function]}
              type="checkbox"
            />
            <label
              className="bx--checkbox-label filter-section-checkbox"
              htmlFor="categoriesSystem And Communications Protections"
              title={null}
            >
              <span
                className=""
              >
                System And Communications Protections
              </span>
            </label>
          </div>
          <div
            className="bx--form-item bx--checkbox-wrapper"
          >
            <input
              checked={true}
              className="bx--checkbox"
              id="categoriesSystem And Information Integrity"
              onChange={[Function]}
              onKeyPress={[Function]}
              type="checkbox"
            />
            <label
              className="bx--checkbox-label filter-section-checkbox"
              htmlFor="categoriesSystem And Information Integrity"
              title={null}
            >
              <span
                className=""
              >
                System And Information Integrity
              </span>
            </label>
          </div>
        </div>
        <div
          className="filter-section"
        >
          <div
            className="filter-section-title"
          >
            Controls
          </div>
          <div
            className="bx--form-item bx--checkbox-wrapper"
          >
            <input
              checked={true}
              className="bx--checkbox"
              id="controlsCert Manager"
              onChange={[Function]}
              onKeyPress={[Function]}
              type="checkbox"
            />
            <label
              className="bx--checkbox-label filter-section-checkbox"
              htmlFor="controlsCert Manager"
              title={null}
            >
              <span
                className=""
              >
                Cert Manager
              </span>
            </label>
          </div>
          <div
            className="bx--form-item bx--checkbox-wrapper"
          >
            <input
              checked={true}
              className="bx--checkbox"
              id="controlsMutation Advisor"
              onChange={[Function]}
              onKeyPress={[Function]}
              type="checkbox"
            />
            <label
              className="bx--checkbox-label filter-section-checkbox"
              htmlFor="controlsMutation Advisor"
              title={null}
            >
              <span
                className=""
              >
                Mutation Advisor
              </span>
            </label>
          </div>
          <div
            className="bx--form-item bx--checkbox-wrapper"
          >
            <input
              checked={true}
              className="bx--checkbox"
              id="controlsSecret Encryption"
              onChange={[Function]}
              onKeyPress={[Function]}
              type="checkbox"
            />
            <label
              className="bx--checkbox-label filter-section-checkbox"
              htmlFor="controlsSecret Encryption"
              title={null}
            >
              <span
                className=""
              >
                Secret Encryption
              </span>
            </label>
          </div>
          <div
            className="bx--form-item bx--checkbox-wrapper"
          >
            <input
              checked={true}
              className="bx--checkbox"
              id="controlsVA"
              onChange={[Function]}
              onKeyPress={[Function]}
              type="checkbox"
            />
            <label
              className="bx--checkbox-label filter-section-checkbox"
              htmlFor="controlsVA"
              title={null}
            >
              <span
                className=""
              >
                VA
              </span>
            </label>
          </div>
        </div>
        <div
          className="filter-section"
        >
          <div
            className="filter-section-title"
          >
            Type
          </div>
          <div
            className="bx--form-item bx--checkbox-wrapper"
          >
            <input
              checked={true}
              className="bx--checkbox"
              id="typeEnforce"
              onChange={[Function]}
              onKeyPress={[Function]}
              type="checkbox"
            />
            <label
              className="bx--checkbox-label filter-section-checkbox"
              htmlFor="typeEnforce"
              title={null}
            >
              <span
                className=""
              >
                Enforce
              </span>
            </label>
          </div>
          <div
            className="bx--form-item bx--checkbox-wrapper"
          >
            <input
              checked={true}
              className="bx--checkbox"
              id="typeInform only"
              onChange={[Function]}
              onKeyPress={[Function]}
              type="checkbox"
            />
            <label
              className="bx--checkbox-label filter-section-checkbox"
              htmlFor="typeInform only"
              title={null}
            >
              <span
                className=""
              >
                Inform only
              </span>
            </label>
          </div>
        </div>
        <div
          className="filter-section"
        >
          <div
            className="filter-section-title"
          />
        </div>
      </div>
      <div
        style={
          Object {
            "borderRadius": 3,
            "bottom": 2,
            "display": "none",
            "height": 6,
            "left": 2,
            "position": "absolute",
            "right": 2,
          }
        }
      >
        <div
          style={
            Object {
              "backgroundColor": "rgba(0,0,0,.2)",
              "borderRadius": "inherit",
              "cursor": "pointer",
              "display": "block",
              "height": "100%",
              "position": "relative",
            }
          }
        />
      </div>
      <div
        style={
          Object {
            "borderRadius": 3,
            "bottom": 2,
            "display": "none",
            "position": "absolute",
            "right": 2,
            "top": 2,
            "width": 6,
          }
        }
      >
        <div
          className="filter-sections-scrollbar"
          style={
            Object {
              "backgroundColor": "rgba(255,255,255,.2)",
              "borderRadius": "inherit",
              "cursor": "pointer",
              "display": "block",
              "position": "relative",
              "width": "100%",
            }
          }
        />
      </div>
    </div>
  </div>
</div>
`;
