joyent-portal/packages/cp-frontend/test/unit/components/navigation/__snapshots__/not-found.js.snap

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

exports[`renders <NotFound /> without throwing 1`] = `
.c6 {
  display: inline-block;
  box-sizing: border-box;
  display: inline-block;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  padding: 0.9375rem 1.125rem;
  position: relative;
  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  text-align: center;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  -webkit-letter-spacing: normal;
  -moz-letter-spacing: normal;
  -ms-letter-spacing: normal;
  letter-spacing: normal;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  color: ;
  background-image: none;
  background-color: ;
  border-radius: 0.25rem;
  border: solid 0.0625rem;
}

.c6:focus {
  outline: 0;
  text-decoration: none;
  background-color: ;
  border-color: ;
}

.c6:hover {
  background-color: ;
  border: solid 0.0625rem;
}

.c6:active,
.c6:active:hover,
.c6:active:focus {
  background-image: none;
  outline: 0;
  background-color: ;
  border-color: ;
}

.c6[disabled] {
  cursor: not-allowed;
  pointer-events: none;
}

.c3 {
  font-size: 2rem;
  margin: 0.625rem 0;
  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
  font-weight: 500;
  font-size: 2.25rem;
  font-style: normal;
  font-stretch: normal;
  margin: 0;
}

.c5 {
  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
  font-weight: 400;
  line-height: 1.5rem;
  font-size: 0.9375rem;
}

.c0 {
  margin-right: auto;
  margin-left: auto;
  padding-top: 1.1875rem;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: block;
  -webkit-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
}

.c1 {
  margin-top: 3.75rem;
}

.c2 {
  font-weight: normal;
  font-size: 2rem;
}

.c4 {
  margin-bottom: 1.875rem;
  max-width: 30.625rem;
}

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

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

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

<div
  className="c0"
>
  .c5 {
  display: inline-block;
  box-sizing: border-box;
  display: inline-block;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  padding: 0.9375rem 1.125rem;
  position: relative;
  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  text-align: center;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  -webkit-letter-spacing: normal;
  -moz-letter-spacing: normal;
  -ms-letter-spacing: normal;
  letter-spacing: normal;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  color: ;
  background-image: none;
  background-color: ;
  border-radius: 0.25rem;
  border: solid 0.0625rem;
}

.c5:focus {
  outline: 0;
  text-decoration: none;
  background-color: ;
  border-color: ;
}

.c5:hover {
  background-color: ;
  border: solid 0.0625rem;
}

.c5:active,
.c5:active:hover,
.c5:active:focus {
  background-image: none;
  outline: 0;
  background-color: ;
  border-color: ;
}

.c5[disabled] {
  cursor: not-allowed;
  pointer-events: none;
}

.c2 {
  font-size: 2rem;
  margin: 0.625rem 0;
  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
  font-weight: 500;
  font-size: 2.25rem;
  font-style: normal;
  font-stretch: normal;
  margin: 0;
}

.c4 {
  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
  font-weight: 400;
  line-height: 1.5rem;
  font-size: 0.9375rem;
}

.c0 {
  margin-top: 3.75rem;
}

.c1 {
  font-weight: normal;
  font-size: 2rem;
}

.c3 {
  margin-bottom: 1.875rem;
  max-width: 30.625rem;
}

<div
    className="c0"
  >
    .c1 {
  font-size: 2rem;
  margin: 0.625rem 0;
  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
  font-weight: 500;
  font-size: 2.25rem;
  font-style: normal;
  font-stretch: normal;
  margin: 0;
}

.c0 {
  font-weight: normal;
  font-size: 2rem;
}

<h1
      className="c0 c1"
    >
      I have no memory of this place
    </h1>
    .c1 {
  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
  font-weight: 400;
  line-height: 1.5rem;
  font-size: 0.9375rem;
}

.c0 {
  margin-bottom: 1.875rem;
  max-width: 30.625rem;
}

<p
      className="c0 c1"
    >
      HTTP 404: We can’t find what you are looking for. Next time, always follow your nose.
    </p>
    .c0 {
  display: inline-block;
  box-sizing: border-box;
  display: inline-block;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  padding: 0.9375rem 1.125rem;
  position: relative;
  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  text-align: center;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  -webkit-letter-spacing: normal;
  -moz-letter-spacing: normal;
  -ms-letter-spacing: normal;
  letter-spacing: normal;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  color: ;
  background-image: none;
  background-color: ;
  border-radius: 0.25rem;
  border: solid 0.0625rem;
}

.c0:focus {
  outline: 0;
  text-decoration: none;
  background-color: ;
  border-color: ;
}

.c0:hover {
  background-color: ;
  border: solid 0.0625rem;
}

.c0:active,
.c0:active:hover,
.c0:active:focus {
  background-image: none;
  outline: 0;
  background-color: ;
  border-color: ;
}

.c0[disabled] {
  cursor: not-allowed;
  pointer-events: none;
}

<a
      className="c0"
      href="/deployment-groups"
      onClick={[Function]}
      primary={true}
    >
      Back to dashboard
    </a>
  </div>
</div>
`;