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

exports[`ClusterSelector component renders as expected 1`] = `
<div
  className="creation-view-controls-labels"
>
  <div />
  <div
    className="clusterSelector-container"
  >
    <div
      className="bx--form-item bx--checkbox-wrapper"
    >
      <input
        checked={true}
        className="bx--checkbox"
        disabled={false}
        id="clusterSelector-checkbox-undefined"
        name="clusterSelector-checkbox"
        onChange={[Function]}
        onClick={[Function]}
        type="checkbox"
      />
      <label
        className="bx--checkbox-label clusterSelector-checkbox"
        htmlFor="clusterSelector-checkbox-undefined"
        title={null}
      >
        <span
          className=""
        >
          Deploy application resources only on clusters matching specified labels
        </span>
      </label>
    </div>
    <ul
      className="bx--accordion"
    >
      <li
        className="bx--accordion__item--active bx--accordion__item"
        onClick={[Function]}
        onKeyPress={[Function]}
        open={true}
        role="presentation"
      >
        <button
          aria-expanded={true}
          className="bx--accordion__heading"
          onClick={[Function]}
          type="button"
        >
          <svg
            alt="Expand/Collapse"
            aria-label="Expand/Collapse"
            className="bx--accordion__arrow"
            fillRule="evenodd"
            height="12"
            role={null}
            viewBox="0 0 7 12"
            width="7"
          >
            <title>
              Expand/Collapse
            </title>
            <path
              d="M5.569 5.994L0 .726.687 0l6.336 5.994-6.335 6.002L0 11.27z"
            />
          </svg>
          <div
            className="bx--accordion__title"
          >
            
          </div>
        </button>
        <div
          className="bx--accordion__content"
        >
          <div
            className="clusterSelector-labels-section"
          >
            <div
              className="labels-descr"
            >
              Enter one or more matching labels to select the clusters to deploy to
            </div>
            <div
              className="labels-section"
              id="clusterSelector-labels-section-undefined"
            >
              <div
                className="matching-labels-container"
              >
                <div
                  className="matching-labels-input"
                >
                  <div
                    className="bx--form-item"
                  >
                    <label
                      className="bx--label"
                      htmlFor="labelName-0-undefined"
                    >
                      Label*
                    </label>
                    <input
                      className="bx--text-input text-input"
                      disabled={false}
                      id="labelName-0-undefined"
                      name="labelName"
                      onChange={[Function]}
                      onClick={[Function]}
                      placeholder="Label name"
                      type="text"
                      value="env"
                    />
                  </div>
                </div>
                <div
                  className="matching-labels-input"
                >
                  <div
                    className="bx--form-item"
                  >
                    <label
                      className="bx--label"
                      htmlFor="labelValue-0-undefined"
                    >
                      Value*
                    </label>
                    <input
                      className="bx--text-input text-input"
                      disabled={false}
                      id="labelValue-0-undefined"
                      name="labelValue"
                      onChange={[Function]}
                      onClick={[Function]}
                      placeholder="Label value"
                      type="text"
                      value="Dev"
                    />
                  </div>
                </div>
                
              </div>
              <div
                className="matching-labels-container"
              >
                <div
                  className="matching-labels-input"
                >
                  <div
                    className="bx--form-item"
                  >
                    <input
                      className="bx--text-input text-input"
                      disabled={false}
                      id="labelName-1-undefined"
                      name="labelName"
                      onChange={[Function]}
                      onClick={[Function]}
                      placeholder="Label name"
                      type="text"
                      value="cloud"
                    />
                  </div>
                </div>
                <div
                  className="matching-labels-input"
                >
                  <div
                    className="bx--form-item"
                  >
                    <input
                      className="bx--text-input text-input"
                      disabled={false}
                      id="labelValue-1-undefined"
                      name="labelValue"
                      onChange={[Function]}
                      onClick={[Function]}
                      placeholder="Label value"
                      type="text"
                      value="AWS"
                    />
                  </div>
                </div>
                <div
                  className="remove-label-btn "
                  id={1}
                  onClick={[Function]}
                  onKeyPress={[Function]}
                  role="button"
                  tabIndex="0"
                >
                  <svg
                    alt="Provide a description that will be used as the title"
                    aria-label="Provide a description that will be used as the title"
                    className="remove-label-btn-icon"
                    fill="#3d70b2"
                    fillRule="evenodd"
                    height="16"
                    name="icon--close--glyph"
                    role="img"
                    viewBox="0 0 16 16"
                    width="16"
                  >
                    <title>
                      Provide a description that will be used as the title
                    </title>
                    <path
                      d="M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zm3.5 10.1l-1.4 1.4L8 9.4l-2.1 2.1-1.4-1.4L6.6 8 4.5 5.9l1.4-1.4L8 6.6l2.1-2.1 1.4 1.4L9.4 8l2.1 2.1z"
                    />
                  </svg>
                </div>
              </div>
              <div
                className="add-label-btn "
                onClick={[Function]}
                onKeyPress={[Function]}
                role="button"
                tabIndex="0"
              >
                <svg
                  alt=""
                  aria-label=""
                  className="add-label-btn-icon"
                  fill="#3d70b2"
                  fillRule="evenodd"
                  height="16"
                  name="icon--add--glyph"
                  role="img"
                  viewBox="0 0 16 16"
                  width="16"
                >
                  <title>
                    
                  </title>
                  <path
                    d="M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zm4 9H9v3H7V9H4V7h3V4h2v3h3v2z"
                  />
                </svg>
                <div
                  className="add-label-btn-text"
                >
                  Add another label
                </div>
              </div>
            </div>
          </div>
        </div>
      </li>
    </ul>
  </div>
</div>
`;
