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

exports[`component.UI.QRCode should render correctly 1`] = `
.c0 {
  position: relative;
  width: 150px;
  height: 150px;
  display: inline-block;
}

.c1 {
  position: relative;
  width: 150px;
  height: 150px;
}

.c2 {
  border: 1px solid;
  border-color: lightningOrange;
  border-radius: 10%;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 150px;
  height: 150px;
  -webkit-clip-path: polygon(0 0,25% 0,25% 25%,0 25%);
  clip-path: polygon(0 0,25% 0,25% 25%,0 25%);
}

.c3 {
  border: 1px solid;
  border-color: lightningOrange;
  border-radius: 10%;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  width: 150px;
  height: 150px;
  -webkit-clip-path: polygon(75% 0,100% 0%,100% 25%,75% 25%);
  clip-path: polygon(75% 0,100% 0%,100% 25%,75% 25%);
}

.c4 {
  border: 1px solid;
  border-color: lightningOrange;
  border-radius: 10%;
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 150px;
  height: 150px;
  -webkit-clip-path: polygon(0 75%,25% 75%,25% 100%,0 100%);
  clip-path: polygon(0 75%,25% 75%,25% 100%,0 100%);
}

.c5 {
  border: 1px solid;
  border-color: lightningOrange;
  border-radius: 10%;
  position: absolute;
  bottom: 0;
  right: 0;
  display: inline-block;
  width: 150px;
  height: 150px;
  -webkit-clip-path: polygon(75% 75%,100% 75%,100% 100%,75% 100%);
  clip-path: polygon(75% 75%,100% 75%,100% 100%,75% 100%);
}

.c6 {
  border-style: solid;
  border-color: white;
  border-width: 4px;
  position: absolute;
  top: 10%;
  left: 10%;
}

<div
  className="c0"
  size="150px"
>
  <div
    className="c1"
    size="150px"
  >
    <div
      className="c2"
      size="150px"
    />
    <div
      className="c3"
      size="150px"
    />
    <div
      className="c4"
      size="150px"
    />
    <div
      className="c5"
      size="150px"
    />
  </div>
  <svg
    bg="primaryText"
    className="c6"
    color="darkestBackground"
    height="80%"
    shapeRendering="crispEdges"
    viewBox="0 0 21 21"
    width="80%"
  >
    <path
      d="M0,0 h21v21H0z"
      fill="primaryText"
    />
    <path
      d="M0 0h7v1H0zM8 0h1v1H8zM12 0h1v1H12zM14,0 h7v1H14zM0 1h1v1H0zM6 1h1v1H6zM8 1h2v1H8zM11 1h1v1H11zM14 1h1v1H14zM20,1 h1v1H20zM0 2h1v1H0zM2 2h3v1H2zM6 2h1v1H6zM8 2h5v1H8zM14 2h1v1H14zM16 2h3v1H16zM20,2 h1v1H20zM0 3h1v1H0zM2 3h3v1H2zM6 3h1v1H6zM8 3h1v1H8zM10 3h1v1H10zM12 3h1v1H12zM14 3h1v1H14zM16 3h3v1H16zM20,3 h1v1H20zM0 4h1v1H0zM2 4h3v1H2zM6 4h1v1H6zM9 4h4v1H9zM14 4h1v1H14zM16 4h3v1H16zM20,4 h1v1H20zM0 5h1v1H0zM6 5h1v1H6zM8 5h1v1H8zM10 5h1v1H10zM12 5h1v1H12zM14 5h1v1H14zM20,5 h1v1H20zM0 6h7v1H0zM8 6h1v1H8zM10 6h1v1H10zM12 6h1v1H12zM14,6 h7v1H14zM0 8h2v1H0zM4 8h3v1H4zM12 8h1v1H12zM15 8h1v1H15zM17,8 h4v1H17zM1 9h4v1H1zM8 9h1v1H8zM12 9h3v1H12zM17 9h2v1H17zM0 10h1v1H0zM4 10h3v1H4zM10 10h1v1H10zM12 10h2v1H12zM18 10h2v1H18zM1 11h1v1H1zM3 11h2v1H3zM7 11h6v1H7zM15 11h1v1H15zM19 11h1v1H19zM1 12h1v1H1zM3 12h5v1H3zM10 12h2v1H10zM14 12h3v1H14zM19,12 h2v1H19zM8 13h2v1H8zM11 13h2v1H11zM17 13h2v1H17zM0 14h7v1H0zM11 14h1v1H11zM14 14h3v1H14zM19 14h1v1H19zM0 15h1v1H0zM6 15h1v1H6zM8 15h2v1H8zM13 15h2v1H13zM16 15h1v1H16zM20,15 h1v1H20zM0 16h1v1H0zM2 16h3v1H2zM6 16h1v1H6zM8 16h1v1H8zM10 16h1v1H10zM12 16h3v1H12zM16 16h2v1H16zM20,16 h1v1H20zM0 17h1v1H0zM2 17h3v1H2zM6 17h1v1H6zM9 17h2v1H9zM12 17h5v1H12zM18,17 h3v1H18zM0 18h1v1H0zM2 18h3v1H2zM6 18h1v1H6zM12 18h2v1H12zM16 18h3v1H16zM0 19h1v1H0zM6 19h1v1H6zM8 19h5v1H8zM15 19h2v1H15zM0 20h7v1H0zM8 20h2v1H8zM11 20h1v1H11zM14 20h2v1H14zM17 20h1v1H17zM20,20 h1v1H20z"
      fill="darkestBackground"
    />
  </svg>
</div>
`;