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

exports[`renders currency rows correctly when currencies list is non-empty 1`] = `
<DocumentFragment>
  .c5 {
  color: #6E727D;
}

.c0 {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
}

.c4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.c1 {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.c2 {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.c3 {
  padding: 4px 20px;
  height: 56px;
  display: grid;
  grid-template-columns: auto minmax(auto,1fr) auto minmax(0,72px);
  grid-gap: 16px;
  cursor: pointer;
  opacity: 1;
}

.c3:hover {
  background-color: #EDEEF2;
}

<div
    style="position: relative; height: 10px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
  >
    <div
      style="height: 168px; width: 100%;"
    >
      <div
        class="c0 c1 c2 c3 token-item-0x6B175474E89094C44Da98b954EedeAC495271d0F"
        style="position: absolute; left: 0px; top: 0px; height: 56px; width: 100%;"
        tabindex="0"
      >
        CurrencyLogo currency=DAI
        <div
          class="c4"
        >
          <div
            class="css-8mokm4"
            title="Dai Stablecoin"
          >
            DAI
          </div>
          <div
            class="c5 css-1j6a53a"
          >
            Dai Stablecoin
          </div>
        </div>
        <span />
      </div>
      <div
        class="c0 c1 c2 c3 token-item-0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48"
        style="position: absolute; left: 0px; top: 56px; height: 56px; width: 100%;"
        tabindex="0"
      >
        CurrencyLogo currency=USDC
        <div
          class="c4"
        >
          <div
            class="css-8mokm4"
            title="USD//C"
          >
            USDC
          </div>
          <div
            class="c5 css-1j6a53a"
          >
            USD//C
          </div>
        </div>
        <span />
      </div>
      <div
        class="c0 c1 c2 c3 token-item-0x2260FAC5E5542a773Aa44fBCfeDf7C193bc2C599"
        style="position: absolute; left: 0px; top: 112px; height: 56px; width: 100%;"
        tabindex="0"
      >
        CurrencyLogo currency=WBTC
        <div
          class="c4"
        >
          <div
            class="css-8mokm4"
            title="Wrapped BTC"
          >
            WBTC
          </div>
          <div
            class="c5 css-1j6a53a"
          >
            Wrapped BTC
          </div>
        </div>
        <span />
      </div>
    </div>
  </div>
</DocumentFragment>
`;

exports[`renders loading rows when isLoading is true 1`] = `
<DocumentFragment>
  <div
    style="position: relative; height: 10px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
  >
    <div
      style="height: 0px; width: 100%;"
    />
  </div>
</DocumentFragment>
`;
