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

exports[`renders <ServicesTopology /> without throwing 1`] = `
.c5 {
  stroke: ;
  stroke-width: 1.5;
  stroke: ;
}

.c3 {
  stroke: ;
  -webkit-fill: ;
  fill: ;
  stroke-width: 1.5;
  rx: 4;
  ry: 4;
  stroke: ;
  -webkit-fill: ;
  fill: ;
}

.c4 {
  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
  font-weight: 400;
  -webkit-fill: ;
  fill: ;
  font-size: 16px;
  font-weight: 600;
  -webkit-fill: ;
  fill: ;
  cursor: pointer;
}

.c10 {
  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
  font-weight: 400;
  -webkit-fill: ;
  fill: ;
  font-size: 12px;
  opacity: 0.8;
  -webkit-fill: ;
  fill: ;
}

.c7 {
  opacity: 0;
  cursor: pointer;
}

.c7:focus {
  outline: none;
}

.c6 {
  -webkit-fill: ;
  fill: ;
  -webkit-fill: ;
  fill: ;
}

.c8 {
  -webkit-fill: ;
  fill: ;
}

.c9 {
  -webkit-fill: ;
  fill: ;
  -webkit-fill: ;
  fill: ;
}

.c2 {
  width: 100%;
  height: 1000px;
}

.c2:not(:root) {
  overflow: hidden;
}

.c0 {
  padding: 1.5rem;
  background-color: ;
}

.c1 {
  position: relative;
}

<div>
  .c5 {
  stroke: ;
  stroke-width: 1.5;
  stroke: ;
}

.c3 {
  stroke: ;
  -webkit-fill: ;
  fill: ;
  stroke-width: 1.5;
  rx: 4;
  ry: 4;
  stroke: ;
  -webkit-fill: ;
  fill: ;
}

.c4 {
  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
  font-weight: 400;
  -webkit-fill: ;
  fill: ;
  font-size: 16px;
  font-weight: 600;
  -webkit-fill: ;
  fill: ;
  cursor: pointer;
}

.c10 {
  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
  font-weight: 400;
  -webkit-fill: ;
  fill: ;
  font-size: 12px;
  opacity: 0.8;
  -webkit-fill: ;
  fill: ;
}

.c7 {
  opacity: 0;
  cursor: pointer;
}

.c7:focus {
  outline: none;
}

.c6 {
  -webkit-fill: ;
  fill: ;
  -webkit-fill: ;
  fill: ;
}

.c8 {
  -webkit-fill: ;
  fill: ;
}

.c9 {
  -webkit-fill: ;
  fill: ;
  -webkit-fill: ;
  fill: ;
}

.c2 {
  width: 100%;
  height: 1000px;
}

.c2:not(:root) {
  overflow: hidden;
}

.c0 {
  padding: 1.5rem;
  background-color: ;
}

.c1 {
  position: relative;
}

<div
    className="c0"
  >
    .c4 {
  stroke: ;
  stroke-width: 1.5;
  stroke: ;
}

.c2 {
  stroke: ;
  -webkit-fill: ;
  fill: ;
  stroke-width: 1.5;
  rx: 4;
  ry: 4;
  stroke: ;
  -webkit-fill: ;
  fill: ;
}

.c3 {
  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
  font-weight: 400;
  -webkit-fill: ;
  fill: ;
  font-size: 16px;
  font-weight: 600;
  -webkit-fill: ;
  fill: ;
  cursor: pointer;
}

.c9 {
  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
  font-weight: 400;
  -webkit-fill: ;
  fill: ;
  font-size: 12px;
  opacity: 0.8;
  -webkit-fill: ;
  fill: ;
}

.c6 {
  opacity: 0;
  cursor: pointer;
}

.c6:focus {
  outline: none;
}

.c5 {
  -webkit-fill: ;
  fill: ;
  -webkit-fill: ;
  fill: ;
}

.c7 {
  -webkit-fill: ;
  fill: ;
}

.c8 {
  -webkit-fill: ;
  fill: ;
  -webkit-fill: ;
  fill: ;
}

.c1 {
  width: 100%;
  height: 1000px;
}

.c1:not(:root) {
  overflow: hidden;
}

.c0 {
  position: relative;
}

<div
      className="c0"
    >
      .c3 {
  stroke: ;
  stroke-width: 1.5;
  stroke: ;
}

.c1 {
  stroke: ;
  -webkit-fill: ;
  fill: ;
  stroke-width: 1.5;
  rx: 4;
  ry: 4;
  stroke: ;
  -webkit-fill: ;
  fill: ;
}

.c2 {
  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
  font-weight: 400;
  -webkit-fill: ;
  fill: ;
  font-size: 16px;
  font-weight: 600;
  -webkit-fill: ;
  fill: ;
  cursor: pointer;
}

.c8 {
  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
  font-weight: 400;
  -webkit-fill: ;
  fill: ;
  font-size: 12px;
  opacity: 0.8;
  -webkit-fill: ;
  fill: ;
}

.c5 {
  opacity: 0;
  cursor: pointer;
}

.c5:focus {
  outline: none;
}

.c4 {
  -webkit-fill: ;
  fill: ;
  -webkit-fill: ;
  fill: ;
}

.c6 {
  -webkit-fill: ;
  fill: ;
}

.c7 {
  -webkit-fill: ;
  fill: ;
  -webkit-fill: ;
  fill: ;
}

.c0 {
  width: 100%;
  height: 1000px;
}

.c0:not(:root) {
  overflow: hidden;
}

<div>
        .c3 {
  stroke: ;
  stroke-width: 1.5;
  stroke: ;
}

.c1 {
  stroke: ;
  -webkit-fill: ;
  fill: ;
  stroke-width: 1.5;
  rx: 4;
  ry: 4;
  stroke: ;
  -webkit-fill: ;
  fill: ;
}

.c2 {
  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
  font-weight: 400;
  -webkit-fill: ;
  fill: ;
  font-size: 16px;
  font-weight: 600;
  -webkit-fill: ;
  fill: ;
  cursor: pointer;
}

.c8 {
  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
  font-weight: 400;
  -webkit-fill: ;
  fill: ;
  font-size: 12px;
  opacity: 0.8;
  -webkit-fill: ;
  fill: ;
}

.c5 {
  opacity: 0;
  cursor: pointer;
}

.c5:focus {
  outline: none;
}

.c4 {
  -webkit-fill: ;
  fill: ;
  -webkit-fill: ;
  fill: ;
}

.c6 {
  -webkit-fill: ;
  fill: ;
}

.c7 {
  -webkit-fill: ;
  fill: ;
  -webkit-fill: ;
  fill: ;
}

.c0 {
  width: 100%;
  height: 1000px;
}

.c0:not(:root) {
  overflow: hidden;
}

<svg
          className="c0"
          id="topology-svg"
          onMouseMove={[Function]}
          onMouseUp={[Function]}
          onTouchCancel={[Function]}
          onTouchEnd={[Function]}
          onTouchMove={[Function]}
        >
          .c2 {
  stroke: ;
  stroke-width: 1.5;
  stroke: ;
}

.c0 {
  stroke: ;
  -webkit-fill: ;
  fill: ;
  stroke-width: 1.5;
  rx: 4;
  ry: 4;
  stroke: ;
  -webkit-fill: ;
  fill: ;
}

.c1 {
  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
  font-weight: 400;
  -webkit-fill: ;
  fill: ;
  font-size: 16px;
  font-weight: 600;
  -webkit-fill: ;
  fill: ;
  cursor: pointer;
}

.c7 {
  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
  font-weight: 400;
  -webkit-fill: ;
  fill: ;
  font-size: 12px;
  opacity: 0.8;
  -webkit-fill: ;
  fill: ;
}

.c4 {
  opacity: 0;
  cursor: pointer;
}

.c4:focus {
  outline: none;
}

.c3 {
  -webkit-fill: ;
  fill: ;
  -webkit-fill: ;
  fill: ;
}

.c5 {
  -webkit-fill: ;
  fill: ;
}

.c6 {
  -webkit-fill: ;
  fill: ;
  -webkit-fill: ;
  fill: ;
}

<g>
            .c2 {
  stroke: ;
  stroke-width: 1.5;
  stroke: ;
}

.c0 {
  stroke: ;
  -webkit-fill: ;
  fill: ;
  stroke-width: 1.5;
  rx: 4;
  ry: 4;
  stroke: ;
  -webkit-fill: ;
  fill: ;
}

.c1 {
  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
  font-weight: 400;
  -webkit-fill: ;
  fill: ;
  font-size: 16px;
  font-weight: 600;
  -webkit-fill: ;
  fill: ;
  cursor: pointer;
}

.c7 {
  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
  font-weight: 400;
  -webkit-fill: ;
  fill: ;
  font-size: 12px;
  opacity: 0.8;
  -webkit-fill: ;
  fill: ;
}

.c4 {
  opacity: 0;
  cursor: pointer;
}

.c4:focus {
  outline: none;
}

.c3 {
  -webkit-fill: ;
  fill: ;
  -webkit-fill: ;
  fill: ;
}

.c5 {
  -webkit-fill: ;
  fill: ;
}

.c6 {
  -webkit-fill: ;
  fill: ;
  -webkit-fill: ;
  fill: ;
}

<g
              transform="translate(0, 0)"
            >
              .c0 {
  stroke: ;
  -webkit-fill: ;
  fill: ;
  stroke-width: 1.5;
  rx: 4;
  ry: 4;
  stroke: ;
  -webkit-fill: ;
  fill: ;
}

<rect
                className="c0"
                height={114}
                width={180}
                x={0}
                y={0}
              />
              .c0 {
  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
  font-weight: 400;
  -webkit-fill: ;
  fill: ;
  font-size: 16px;
  font-weight: 600;
  -webkit-fill: ;
  fill: ;
  cursor: pointer;
}

<g>
                .c0 {
  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
  font-weight: 400;
  -webkit-fill: ;
  fill: ;
  font-size: 16px;
  font-weight: 600;
  -webkit-fill: ;
  fill: ;
  cursor: pointer;
}

<text
                  className="c0"
                  onClick={[Function]}
                  onKeyDown={[Function]}
                  x={12}
                  y={30}
                >
                  Nginx
                </text>
              </g>
              .c0 {
  stroke: ;
  stroke-width: 1.5;
  stroke: ;
}

.c2 {
  opacity: 0;
  cursor: pointer;
}

.c2:focus {
  outline: none;
}

.c1 {
  -webkit-fill: ;
  fill: ;
  -webkit-fill: ;
  fill: ;
}

<g
                transform="translate(140, 0)"
              >
                .c0 {
  stroke: ;
  stroke-width: 1.5;
  stroke: ;
}

<line
                  className="c0"
                  x1={0}
                  x2={0}
                  y1={0}
                  y2={48}
                />
                .c0 {
  -webkit-fill: ;
  fill: ;
  -webkit-fill: ;
  fill: ;
}

<circle
                  className="c0"
                  cx={20}
                  cy={18}
                  r={2}
                />
                .c0 {
  -webkit-fill: ;
  fill: ;
  -webkit-fill: ;
  fill: ;
}

<circle
                  className="c0"
                  cx={20}
                  cy={24}
                  r={2}
                />
                .c0 {
  -webkit-fill: ;
  fill: ;
  -webkit-fill: ;
  fill: ;
}

<circle
                  className="c0"
                  cx={20}
                  cy={30}
                  r={2}
                />
                .c0 {
  opacity: 0;
  cursor: pointer;
}

.c0:focus {
  outline: none;
}

<rect
                  className="c0"
                  height={48}
                  onClick={[Function]}
                  onKeyDown={[Function]}
                  role="button"
                  tabIndex={100}
                  width={40}
                />
              </g>
              .c0 {
  stroke: ;
  stroke-width: 1.5;
  stroke: ;
}

.c3 {
  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
  font-weight: 400;
  -webkit-fill: ;
  fill: ;
  font-size: 12px;
  opacity: 0.8;
  -webkit-fill: ;
  fill: ;
}

.c1 {
  -webkit-fill: ;
  fill: ;
}

.c2 {
  -webkit-fill: ;
  fill: ;
  -webkit-fill: ;
  fill: ;
}

<g
                transform="translate(0, 48)"
              >
                .c0 {
  stroke: ;
  stroke-width: 1.5;
  stroke: ;
}

<line
                  className="c0"
                  x1={0}
                  x2={180}
                  y1={0}
                  y2={0}
                />
                .c2 {
  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
  font-weight: 400;
  -webkit-fill: ;
  fill: ;
  font-size: 12px;
  opacity: 0.8;
  -webkit-fill: ;
  fill: ;
}

.c0 {
  -webkit-fill: ;
  fill: ;
}

.c1 {
  -webkit-fill: ;
  fill: ;
  -webkit-fill: ;
  fill: ;
}

<g
                  transform="translate(12, 11)"
                >
                  .c0 {
  -webkit-fill: ;
  fill: ;
}

<g
                    transform="translate(0, 0)"
                  >
                    .c0 {
  -webkit-fill: ;
  fill: ;
}

<svg
                      className="c0"
                      healthy="UNHEALTHY"
                      height="18"
                      viewBox="0 0 18 18"
                      width="18"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <title>
                        icon: state
                      </title>
                      <g
                        fillRule="evenodd"
                      >
                        <circle
                          cx="9"
                          cy="9"
                          r="9"
                        />
                        <path
                          d="M9.477 6.603l-.522.443-.444-.443a2.056 2.056 0 1 0-2.908 2.909l3.352 3.352 3.412-3.352c.803-.804.863-2.106.06-2.91a2.105 2.105 0 0 0-2.95 0z"
                          fill="#FFF"
                        />
                      </g>
                    </svg>
                  </g>
                  .c0 {
  -webkit-fill: ;
  fill: ;
  -webkit-fill: ;
  fill: ;
}

<g
                    transform="translate(30, 4.5)"
                  >
                    .c0 {
  -webkit-fill: ;
  fill: ;
  -webkit-fill: ;
  fill: ;
}

<svg
                      active={undefined}
                      className="c0"
                      consul={undefined}
                      height="9"
                      viewBox="0 0 18 9"
                      width="18"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <title>
                        icon: instances
                      </title>
                      <path
                        d="M4.5 0a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9m8.59 0c-.375 0-.739.047-1.09.12 2.184.456 3.818 2.239 3.818 4.38S14.184 8.424 12 8.88c.351.073.715.12 1.09.12C15.803 9 18 6.985 18 4.5S15.802 0 13.09 0M14 4.5C14 6.985 11.802 9 9.09 9c-.375 0-.739-.047-1.09-.12 2.184-.456 3.818-2.239 3.818-4.38S10.184.576 8 .12C8.351.047 8.715 0 9.09 0 11.803 0 14 2.015 14 4.5"
                        fillRule="evenodd"
                      />
                    </svg>
                  </g>
                  .c0 {
  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
  font-weight: 400;
  -webkit-fill: ;
  fill: ;
  font-size: 12px;
  opacity: 0.8;
  -webkit-fill: ;
  fill: ;
}

<text
                    className="c0"
                    x={54}
                    y={14}
                  >
                    1 inst.
                  </text>
                  .c0 {
  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
  font-weight: 400;
  -webkit-fill: ;
  fill: ;
  font-size: 12px;
  opacity: 0.8;
  -webkit-fill: ;
  fill: ;
}

<g
                    transform="translate(54, 36)"
                  >
                    .c0 {
  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
  font-weight: 400;
  -webkit-fill: ;
  fill: ;
  font-size: 12px;
  opacity: 0.8;
  -webkit-fill: ;
  fill: ;
}

<text
                      className="c0"
                    >
                      1
            running
                    </text>
                  </g>
                </g>
              </g>
            </g>
          </g>
          <g />
          <g />
          <g />
          <g />
        </svg>
      </div>
    </div>
  </div>
</div>
`;