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

exports[`renders <Menu /> without throwing 1`] = `null`;

exports[`renders <Menu links /> without throwing 1`] = `
.c1 {
  margin-bottom: 2.25rem;
}

.c6 {
  background-color: transparent;
  text-decoration-skip: objects;
  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
}

.c5 {
  color: rgb(59,70,204);
  -webkit-text-fill-color: currentcolor;
}

.c5:hover {
  text-decoration: none;
}

.c0 {
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  width: 100%;
  max-width: 62.5rem;
}

.c3 {
  display: inline-block;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-right: 1.4375rem;
}

.c4 {
  color: rgb(70,70,70);
  text-decoration: none;
  cursor: pointer;
}

.c4.active {
  color: rgb(59,70,204);
  cursor: default;
}

.c2 {
  list-style-type: none;
  padding: 0;
  margin: 1.125rem 0 0 0;
}

@media only screen and (min-width:48em) {
  .c0 {
    width: 46rem;
  }
}

@media only screen and (min-width:64em) {
  .c0 {
    width: 56rem;
  }
}

@media only screen and (min-width:75em) {
  .c0 {
    width: 59rem;
  }
}

@media only screen and (max-width:47.9375rem) {
  .c0 {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
  }
}

<div
  className="c0"
>
  <div
    className="c1"
  >
    <ul
      className="c2"
    >
      <li
        className="c3"
      >
        <a
          className="c4 c5 c6"
          to="/instances/:name/summary"
        >
          summary
        </a>
      </li>
      <li
        className="c3"
      >
        <a
          className="c4 c5 c6"
          to="/instances/:name/tags"
        >
          tags
        </a>
      </li>
      <li
        className="c3"
      >
        <a
          className="c4 c5 c6"
          to="/instances/:name/metadata"
        >
          metadata
        </a>
      </li>
      <li
        className="c3"
      >
        <a
          className="c4 c5 c6"
          to="/instances/:name/networks"
        >
          networks
        </a>
      </li>
      <li
        className="c3"
      >
        <a
          className="c4 c5 c6"
          to="/instances/:name/firewall"
        >
          firewall
        </a>
      </li>
      <li
        className="c3"
      >
        <a
          className="c4 c5 c6"
          to="/instances/:name/dns"
        >
          dns
        </a>
      </li>
      <li
        className="c3"
      >
        <a
          className="c4 c5 c6"
          to="/instances/:name/snapshots"
        >
          snapshots
        </a>
      </li>
    </ul>
  </div>
</div>
`;
